본문으로 건너뛰기
포트폴리오 목록으로
커머스2021

웹 기반 커머스 — 커뮤니티 중심 31화면 해부

31개 화면에 숨은 커머스 기획의 비밀. 장바구니부터 배송 추적까지, 사용자가 모르는 뒷단의 치밀한 설계를 해부합니다.

이창민
쇼핑몰기획이커머스회원가입플로우검색UX게시판기획CS프로세스서비스기획UX설계

실제 서비스가 아닌, 핵심 기능 흐름만 담아 재구성한 익명화 목업입니다. 모든 데이터는 가상입니다.

6개 설문 기반 직업 매칭직업 콘텐츠 등록·승인 워크플로캐시 충전·구독·환불 정산판매 수익 월별 조회회원 유형 전환 관리
demo.example — 굿즈몰

화면 스켈레톤

실제 Figma 100개 화면 중 핵심 7개 구성 재현

고객사 화면은 저작권 보호를 위해 공개하지 않는 대신, 주요 화면의 구성을 와이어프레임으로 재구성했습니다.

대시보드

콘텐츠 관리

콘텐츠 검토

회원 관리

캐시·환불 관리

매칭 통계

설정

이 서비스가 해결하는 문제

온라인 쇼핑의 핵심 과제는 "어떻게 하면 사용자가 원하는 상품을 빠르게 찾고, 망설임 없이 구매하게 만들 것인가"입니다. 단순히 상품을 나열하는 것이 아니라, 탐색 → 비교 → 결정 → 결제 → 배송 확인까지 끊김 없는 경험을 설계해야 합니다.

특히 모바일 환경에서는 작은 화면에서의 정보 밀도, 엄지 하나로 가능한 조작성, 결제 과정의 이탈 방지가 기획의 승패를 가릅니다. 이 프로젝트는 31개 화면에 걸쳐 이 문제를 체계적으로 풀어냈습니다.

핵심 가치 제안

  • 스마트한 탐색 경험 — 검색어 자동완성, 다중 필터, 정렬 옵션을 조합하여 사용자가 원하는 것을 3번의 터치 안에 찾을 수 있도록 설계했습니다.
  • 직관적인 정보 구조 — 31개 화면이 일관된 UI 패턴을 따르기 때문에, 새로운 화면을 만나도 학습 비용이 거의 없습니다.
  • 체계적인 에러 핸들링 — 네트워크 오류, 입력 실수, 권한 부족 등 예외 상황별 안내 화면이 설계되어 있어 사용자가 막히는 순간이 없습니다.

사용자 시나리오

주요 사용 흐름:

  1. 앱을 처음 실행하면 온보딩 화면이 나타납니다. 소셜 로그인 또는 이메일로 간편하게 가입할 수 있습니다.
  2. 검색 또는 카테고리 탐색으로 원하는 항목을 찾습니다. 필터와 정렬로 결과를 좁혀갑니다.
  3. 상세 페이지에서 충분한 정보를 확인하고 의사결정을 내립니다.

관련 포스트

새 글 알림 받기

평일 오전 10시 30분, 하루 한 통의 일일 다이제스트를 보내드립니다.

AI/테크 · 웹/제품/디자인 · 비즈니스/산업 · 경제/금융 · 증시/기업 · 정책/규제 · 국제/지정학 · 국방/방산 · 사이버보안

구독 신청 시 새 글 알림 발송을 위한 이메일 이용에 동의하게 됩니다. 신청 후 받는 확인 메일의 버튼을 눌러야 발송이 시작됩니다. 모든 메일에서 언제든 구독을 해지할 수 있습니다.