바카라 배경
1) 문제점
- 기존 사이트는 브랜드 아이덴티티가 약하고 캐릭터 및 제품 특유의 감성을 충분히 전달하지 못해 사용자 경험이 평범하게 느껴졌음
- 과자 제품의 시각적 다양성과 즐거운 분위기를 웹사이트 전반에 효과적으로 녹여내지 못함
- 모바일과 PC 간 디자인 통일성이 부족하고, 쇼핑 경험에 재미 요소가 결여되어 있음
2) 바카라 목표
- 과자 브랜드의 귀엽고 아기자기한 캐릭터 및 제품 특성을 살린 브랜딩형 커머스 UI로 리디자인
- 제품 리스트 및 상세 페이지 전반에 감성적이면서도 가독성 높은 레이아웃 설계
- 메인 홈 → 상품 탐색 → 구매까지의 여정이 유쾌하고 즐거운 경험이 되도록 UX 구조 정비
3) 주요 관점
- 다양한 과자 형태를 모티프로 한 도형들과 컬러풀한 색감 사용으로 아기자기한 세계관 구성
- 캐릭터 IP 기반 브랜딩 UI 도입 및 시각적 통일성 확보
- 메인 페이지부터 제품 디테일까지 반응형 기준의 레이아웃 재정비
- 기존 사이트는 브랜드 아이덴티티가 약하고 캐릭터 및 제품 특유의 감성을 충분히 전달하지 못해 사용자 경험이 평범하게 느껴졌음
- 과자 제품의 시각적 다양성과 즐거운 분위기를 웹사이트 전반에 효과적으로 녹여내지 못함
- 모바일과 PC 간 디자인 통일성이 부족하고, 쇼핑 경험에 재미 요소가 결여되어 있음
2) 바카라 목표
- 과자 브랜드의 귀엽고 아기자기한 캐릭터 및 제품 특성을 살린 브랜딩형 커머스 UI로 리디자인
- 제품 리스트 및 상세 페이지 전반에 감성적이면서도 가독성 높은 레이아웃 설계
- 메인 홈 → 상품 탐색 → 구매까지의 여정이 유쾌하고 즐거운 경험이 되도록 UX 구조 정비
3) 주요 관점
- 다양한 과자 형태를 모티프로 한 도형들과 컬러풀한 색감 사용으로 아기자기한 세계관 구성
- 캐릭터 IP 기반 브랜딩 UI 도입 및 시각적 통일성 확보
- 메인 페이지부터 제품 디테일까지 반응형 기준의 레이아웃 재정비
바카라 성과
캐릭터 기반 쇼핑몰 UI 구현
다양한 도형 요소와 캐릭터를 활용해 브랜드 친밀도 및 제품 인지도를 높이는 브랜딩 UI로 리뉴얼
핵심 기능


감성형 메인 홈 화면
제품의 특징과 브랜딩 요소가 통합된 메인 배너 UI 및 도형 기반 구성
진행 단계
기획 및 요구사항 정의
2024.08.
- 브랜드 시각 자산 정리 및 감성 요소 도출
- 정보 구조(IA) 및 쇼핑 흐름 UX 플로우 작성
- 각 페이지별 스토리보드 및 와이어프레임 설계
- 정보 구조(IA) 및 쇼핑 흐름 UX 플로우 작성
- 각 페이지별 스토리보드 및 와이어프레임 설계
디자인
2024.08.
- 브랜드 세계관 기반 톤앤무드 설계
- 홈, 상품 리스트, 상품 상세 등 주요 페이지 UI 디자인
- 반응형 웹 기준의 일관된 인터페이스 적용
- 홈, 상품 리스트, 상품 상세 등 주요 페이지 UI 디자인
- 반응형 웹 기준의 일관된 인터페이스 적용
마감
2024.08.
- 컴포넌트 기반 디자인 시스템 제작
바카라 상세
귀엽고 다양한 과자 제품을 판매하는 캐릭터 기반의 커머스 사이트 리디자인 바카라입니다.
기존 사이트의 단순한 상품 나열 방식에서 벗어나 브랜드 세계관과 제품 특징이 유기적으로 어우러지는 감성적인 쇼핑 경험을 설계했습니다.
특히 컬러풀한 도형, 아이콘 요소, 스윗몬 캐릭터의 정체성을 강조하여 MZ 세대 사용자에게 친근한 UI 흐름을 구현했습니다.
모바일 화면에서는 화면 폭에 따라 카테고리 이동과 장바구니 접근성 등을 개선해 반응형 쇼핑 편의성을 높였습니다.
기존 사이트의 단순한 상품 나열 방식에서 벗어나 브랜드 세계관과 제품 특징이 유기적으로 어우러지는 감성적인 쇼핑 경험을 설계했습니다.
특히 컬러풀한 도형, 아이콘 요소, 스윗몬 캐릭터의 정체성을 강조하여 MZ 세대 사용자에게 친근한 UI 흐름을 구현했습니다.
모바일 화면에서는 화면 폭에 따라 카테고리 이동과 장바구니 접근성 등을 개선해 반응형 쇼핑 편의성을 높였습니다.
