포근함으로 당신을 채워줄 캐릭터 브랜드,
웹 커머스로 마주하는 포카프렌즈
귀여운 포카 캐릭터를 어떻게 하면 세상에 더 잘 알릴 수 있을까 고민했습니다. 귀여움 가득한 커머스 웹 구현 과정을 소개합니다.
Project Overview
귀여운 '포카' 브랜드 아이덴티티를 살려 UIUX 디자인을 진행하고, 이를 사용자가 직관적으로 경험할 수 있도록 커머스 웹 사이트로 구현했습니다.
포카프렌즈의 브랜드 스토리가 자연스럽게 녹아들 수 있도록, 부드러운 톤앤매너와 직관적인 인터페이스를 설계하는 데 중점을 두었습니다.
HTML5
CSS3
JavaScript
AI Tools
GitHub
Figma
Target Persona
포카프렌즈의 핵심 타겟인 2030 감성 소비층과 3040 실용 오피스 유저의 니즈를 동시에 분석하여 사용자 중심의 환경을 설계했습니다.
김다은 (28세, 마케터)
2030 감성·힐링 소비Goals & Lifestyle
삭막한 모니터 앞 공간을 귀여운 포카 인형과 키링으로 꾸미며 일상 속 심리적 위로와 소확행을 얻는 데스크테리어족입니다.
UX Solution
브랜드 고유의 포근한 무드에 온전히 몰입할 수 있도록 복잡한 요소를 배제하고 감성적인 미니멀 비주얼 레이아웃을 제공합니다.
이준우 (37세, 기획자)
3040 실용·오피스 소비Goals & Lifestyle
업무 능률을 높여줄 데스크 매트, 마우스 패드 등 귀여우면서도 실제 업무 활용도가 높은 프리미엄 오피스 굿즈를 선호합니다.
UX Solution
바쁜 일상 속에서 빠르고 직관적인 탐색이 가능하도록 명확한 카테고리 분류와 편리한 모달 기반 1:1 문의 인터페이스를 구축했습니다.
Core Design Principles
브랜드 색상과 일관된 무드
포카 캐릭터 고유의 포근하고 따뜻한 느낌을 전달하기 위해 베이지와 소프트 핑크 톤을 주조색으로 설정하고 일관된 감성을 유지했습니다.
사용자 중심의 서비스 설계
쇼핑몰의 핵심 기능인 상품 탐색부터 주문 결제까지의 여정을 단순화하고, 모바일 환경에서 한 손으로도 쉽게 조작할 수 있도록 배치했습니다.
AI Collaboration Process
A 4-week technology roadmap illustrating organic collaboration with generative AI tools to build the Poka Friends e-commerce platform.
기획 & 리서치
시장 분석 및 2030·3040 직장인 다중 페르소나 수립을 통한 최적의 쇼핑 플로우 설계
UI 화면 설계
모바일 퍼스트 기준의 와이어프레임 기획 및 포근한 브랜드 아이덴티티 컴포넌트화
웹 퍼블리싱
시맨틱 마크업 및 미디어쿼리를 활용하여 기기별 깨짐이 없는 반응형 인터페이스 코드 구현
테스트 & 배포
인터랙션 크로스 브라우징 정밀 검증 후 클라우드 스테이징 환경 최종 런칭
PokaFriends