캐릭터몬
온라인 플랫폼 구축
- Client
- 생각실현소 (캐릭터몬)
- Date
- 2021. 06 - 2021. 09
- Type
- 플랫폼, 워드프레스, 반응형 구축
Overview
캐릭터몬의 최상위 홈페이지 목적은 “폭발적인 캐릭터 상품 구매” 이었습니다.
캐릭터를 로고로 사용할지에 대한 고민이 많은 기업들의 구매저항을 감소시키는 방향으로
다양한 셀링포인트 및 사회적근거 (고객후기, 포트폴리오)를 배치시켰습니다.
또한 템플릿형 UI / UX디자인에서 벗어난 맞춤형 디자인 & 마이크로 인터렉션을 선보였습니다.
Goal
폭발적인 상품 구매
UI/UX Strategy
깔끔한 톤앤매너
신뢰성을 줄 수 있는 컬러 시스템을 제작하고 심플한 레이아웃을 적용하였습니다.
부드러운 인터랙션
그래픽 요소들이 사용자의 스크롤에 따라 자연스럽게 움직일 수 있도록 인터랙션을 적용하였습니다.
편의성을 이해한 UX
반응형웹을 제작할 때 중요한 것은 모바일까지 고려해야 한다는 것입니다.
전체 그리드를 활용하면서도 어떤 디바이스에서든 적용될 수 있도록 편의성 및 접근성을 높였습니다.
Charactermon
Design System
다양한 웨이트의 지원과 여러 언어 환경에서의 사용성을 고려한 폰트를 사용했으며,
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Spoqa Han Sans Neo
Spoqa Han Sans Neo
Color System
당신의 고민, 캐릭터몬 비즈니스팀이
확실하게 해결해드립니다
캐릭터 비즈니스 규모를 보여주는 KPI
캐릭터 비즈니스 규모를 보여주는 KPI를 첫페이지에 배치시켜
캐릭터몬을 처음 알게되는 홈페이지 사용자에게 전문성 & 신뢰성을 제공하였습니다.
구매저항을 감소시키는 FUNNEL 기획
문의를 유도하도록 1%커리어의 전문 프로세스,
실제 고객이 고민하는 Pain Point를 해결해주었습니다.
Charactermon
Page Section
HERO & INTRODUCTION SECTION
‣ 히어로 섹션
SERVICE & REVIEW SECTION
‣ 서비스 섹션
PROCESS & CONTACT SECTION
고객후기를 통해 패튼위드의 신뢰성을 확보하였습니다.
의뢰인의 마음을 공감하는 카피라이팅은 진정성을 얻는데 충분하였습니다.
‣ 프로세스 섹션
Charactermon
MoBile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 문의 신청이 가능하도록 만들었습니다.