PokaFriends LogoPokaFriends

AI Collaborative Project

포근함으로 당신을 채워줄 캐릭터 브랜드,
웹 커머스로 마주하는 포카프렌즈

귀여운 포카 캐릭터를 어떻게 하면 세상에 더 잘 알릴 수 있을까 고민했습니다. 귀여움 가득한 커머스 웹 구현 과정을 소개합니다.

Poka Plush Showcase

Project Overview

귀여운 '포카' 브랜드 아이덴티티를 살려 UIUX 디자인을 진행하고, 이를 사용자가 직관적으로 경험할 수 있도록 커머스 웹 사이트로 구현했습니다.

포카프렌즈의 브랜드 스토리가 자연스럽게 녹아들 수 있도록, 부드러운 톤앤매너와 직관적인 인터페이스를 설계하는 데 중점을 두었습니다.

HTML

HTML5

CSS

CSS3

JS

JavaScript

AI

AI Tools

Git

GitHub

Fig

Figma

Target Persona

포카프렌즈의 핵심 타겟인 2030 감성 소비층과 3040 실용 오피스 유저의 니즈를 동시에 분석하여 사용자 중심의 환경을 설계했습니다.

김다은 (28세, 마케터)

2030 감성·힐링 소비
Goals & Lifestyle

삭막한 모니터 앞 공간을 귀여운 포카 인형과 키링으로 꾸미며 일상 속 심리적 위로와 소확행을 얻는 데스크테리어족입니다.

UX Solution

브랜드 고유의 포근한 무드에 온전히 몰입할 수 있도록 복잡한 요소를 배제하고 감성적인 미니멀 비주얼 레이아웃을 제공합니다.

이준우 (37세, 기획자)

3040 실용·오피스 소비
Goals & Lifestyle

업무 능률을 높여줄 데스크 매트, 마우스 패드 등 귀여우면서도 실제 업무 활용도가 높은 프리미엄 오피스 굿즈를 선호합니다.

UX Solution

바쁜 일상 속에서 빠르고 직관적인 탐색이 가능하도록 명확한 카테고리 분류와 편리한 모달 기반 1:1 문의 인터페이스를 구축했습니다.

Core Design Principles

🎨

브랜드 색상과 일관된 무드

포카 캐릭터 고유의 포근하고 따뜻한 느낌을 전달하기 위해 베이지와 소프트 핑크 톤을 주조색으로 설정하고 일관된 감성을 유지했습니다.

Moodboard
🛍️

사용자 중심의 서비스 설계

쇼핑몰의 핵심 기능인 상품 탐색부터 주문 결제까지의 여정을 단순화하고, 모바일 환경에서 한 손으로도 쉽게 조작할 수 있도록 배치했습니다.

UI Layout

AI Collaboration Process

A 4-week technology roadmap illustrating organic collaboration with generative AI tools to build the Poka Friends e-commerce platform.

01
WEEK 01

기획 & 리서치

PerplexityClaude

시장 분석 및 2030·3040 직장인 다중 페르소나 수립을 통한 최적의 쇼핑 플로우 설계

02
WEEK 02

UI 화면 설계

FigmaStitch

모바일 퍼스트 기준의 와이어프레임 기획 및 포근한 브랜드 아이덴티티 컴포넌트화

03
WEEK 03

웹 퍼블리싱

HTML5CSS3JS

시맨틱 마크업 및 미디어쿼리를 활용하여 기기별 깨짐이 없는 반응형 인터페이스 코드 구현

04
WEEK 04

테스트 & 배포

디버깅Vercel

인터랙션 크로스 브라우징 정밀 검증 후 클라우드 스테이징 환경 최종 런칭