만치 리뉴얼
기획·디자인 업무 요건서
치료에 필요한 자료를 쉽게 찾고,
전문가가 믿고 사용하는 서비스로 정비합니다.
이번 개편의 우선 과업은 세 가지입니다. 자료의 주제를 먼저 보여주는 탐색 체계로 바꾸고, ‘만드는 치료사(만치)’의 이름을 유지하면서 HCG의 디자인 언어를 적용합니다. 웹사이트는 상품의 친근함을 담되, 전문가가 사용하는 서비스에 맞는 정보 구조와 시각적 신뢰를 갖추도록 개편합니다.
기획자는 이용 흐름과 정책을 정의하고, 디자이너는 로고와 화면 체계를 하나의 경험으로 설계해 주세요. 아래 요구사항을 기준으로 검토 가능한 산출물을 제출합니다.
브랜드는 유지하고, 탐색과 표현을 새로 정비합니다.
이 문서는 업무 범위를 정의합니다. 최종 로고·색상·화면 시안이나 개발 완료를 의미하지 않습니다.
내비게이션 재편
4개 대분류를 먼저 노출합니다. 만플·페이퍼와 상품·크리에이터 랭킹을 해당 분야의 탐색 안에 통합합니다.
만치 로고 리뉴얼
‘만드는 치료사(만치)’의 인지와 연속성을 유지합니다. HCG의 조형·서체·사용 규칙을 확인해 서비스 브랜드에 맞게 적용합니다.
웹사이트 디자인
차분한 화면 체계 위에서 상품 자체가 드러나게 합니다. 일러스트 상품과 웹사이트 사이의 이질감을 줄입니다.
카테고리·내비게이션 재편
이용자가 ‘어떤 자료가 필요한지’를 먼저 선택하고, 그 안에서 자료의 형식과 크리에이터를 탐색하게 합니다.
상단 메뉴와 접근 순서 확정
4개 대분류는 첫 화면에서 직접 선택할 수 있게 노출합니다. 대분류를 누르면 해당 분야 전체 자료가 열리고, 소분류를 선택하면 결과가 좁혀집니다. ‘스토어’라는 별도 메뉴 안으로 대분류를 한 번 더 숨기지 않습니다.
언어
언어발달 / 어휘·표현 / 조음·발음 / 구문·문장 / 화용 / 읽기·쓰기 / 유창성
정서·사회성
감정 / 마음챙김 / 사회성 / 대인관계 / 인성·자기이해 / 적응행동 / 진로·직업
인지
기초인지 / 주의·집중 / 시지각·청지각 / 사고·문제해결 / 실행기능
상담자료
상담노트·기록지 / 상담서식
분류 근거: 「만치_카테고리(261022).xlsx」, ‘NEW 카테고리’ 시트 C5:D31. 총 4개 대분류·21개 소분류. 원본은 PDF 기준으로 작성되었으나, 이번 요청에 따라 만플과 페이퍼의 공통 탐색 체계로 적용합니다.
탐색과 랭킹의 통합 확정 방향 · 아래 배치는 제안
화용 자료 찾기
예를 들어 ‘언어 → 화용 → 만플 → 인기 크리에이터’에서는 현재 조건에 해당하는 상품을 제공하는 크리에이터를 보여줍니다. 크리에이터 프로필로 이동한 뒤에도 선택한 분야와 유형을 유지하며, 전체 판매 자료로 확장하는 선택지를 제공합니다.
나머지 메뉴의 역할
| 메뉴 | 하위 구성 | 역할과 경계 |
|---|---|---|
| 스튜디오 | 새 만플 만들기 / 작업 중인 만플 | 제작·편집을 시작합니다. 완성한 자료에서 판매 등록으로 연결합니다. |
| 라이브러리 | 구매한 자료 / 내가 만든 자료 / 찜한 자료 | 자료를 모아 보고 실행·다운로드합니다. ‘내가 만든 자료’의 편집은 스튜디오로 연결합니다. |
| 만치라운지 | 고민만치 / 정보만치 / 매거진 | 치료사의 고민·경험·정보가 모이는 교류 공간으로 묶습니다. 기존 게시판의 이름과 성격은 유지합니다. |
| 고객센터 | 공지사항 / FAQ / 이용가이드 / 1:1 문의 | 사용 방법과 문제 해결을 지원합니다. 이용가이드는 신규 구성 제안입니다. |
| 내 계정 | 마이페이지 / 주문·회원정보 / 판매자 센터 | 판매 목록·판매 현황·정산은 판매자 센터에 둡니다. 주요 상품 탐색과 분리합니다. |
‘만치라운지’ 명칭과 상위 재배치는 합의된 안을 적용합니다. 하위 탭 구성은 기획 명세 단계에서 확정합니다. 기존 이벤트는 고객센터 안에서 접근할 수 있게 유지하는 안으로 검토합니다.
로고 리뉴얼
‘만드는 치료사(만치)’를 알아볼 수 있는 연속성과 HCG 계열 브랜드로서의 정돈된 인상을 함께 확보합니다.
유지할 것 확정
- ‘만드는 치료사’의 명칭과 ‘만치’의 브랜드 인지
- 치료사가 자료를 만들고 나누는 서비스의 의미
- 현장에서 편하게 사용할 수 있는 접근성·친근함
새로 정비할 것 확정 방향
- 로고의 조형·획·비례·자간·색상 체계
- HCG 디자인 언어와의 관계 및 적용 원칙
- 헤더·모바일·파비콘·썸네일에서의 일관성
디자이너는 현행 로고에서 인지에 기여하는 요소를 먼저 분석해 주세요. 단순한 색상 교체를 넘어 서체와 심볼의 균형을 정비하되, 이름과 서비스의 친근함은 유지합니다. 회사 브랜드의 표현을 그대로 축소해 붙이기보다 만치의 사용 환경에 맞게 해석합니다.
웹사이트 디자인 개편
치료 자료의 다양성과 친근함을 살리면서, 정보를 비교하고 선택하는 화면은 차분하고 명확하게 설계합니다.
상품은 색채와 일러스트를 적극적으로 사용할 수 있습니다. 웹사이트는 그 상품을 설명하고 선택하도록 돕는 역할을 맡습니다. 상품 원본의 표현은 존중하면서 타이포그래피, 여백, 썸네일 틀, 정보 배치에 공통 기준을 적용해 두 영역의 이질감이 없도록 연결합니다.
친근함과 활용 맥락
일러스트·색채·놀이 요소가 자료의 목적에 맞게 드러나야 합니다. 기존 크리에이터 상품을 웹사이트 톤에 맞추기 위해 일괄 수정하지 않습니다.
정돈된 정보와 신뢰
명확한 글자와 일관된 정렬, 절제된 강조색을 사용합니다. 전문가가 활용 여부를 판단하는 데 필요한 정보를 쉽게 비교하게 합니다.