🧸 Daily UI 012
Prompt: 이커머스 쇼핑몰
- 이커머스(전자상거래) 쇼핑몰을 디자인하세요.
- 소규모 로컬 비즈니스를 위한 간단한 쇼핑몰인가요, 아니면 대형 온라인 쇼핑몰인가요?
- 판매하는 상품은 의류, 신발, 수제 비누 등 어떤 카테고리인가요?
- 브랜드의 정체성, 제공하는 제품, 제품을 보여주는 방식, 제품 선택 옵션, 사용자의 행동 유도(예: 구매 전환, 가격 옵션 선택 등), 그리고 사용자 자체를 고려하세요!
- 이 프롬프트는 단순히 "쇼핑몰 UI를 만들어라"가 아니라, 사용자·브랜드·상품 카테고리·구매 행동까지 통합적으로 고려한 이커머스 플랫폼 전체를 기획하고 설계하라는 과제입니다.
디자인 시 핵심 고려 요소
| 항목 | 질문 예시 | 설명 |
|---|---|---|
| 브랜드 성격 | 고급스러운가? 친근한가? 트렌디한가? | 톤앤무드 및 컬러 시스템 결정에 영향 |
| 상품 유형 | 옷인가? 가전인가? 비누나 소품인가? | 사진 중심 or 설명 중심 여부가 달라짐 |
| 제품 뷰 | 썸네일 뷰 / 상세 뷰 / 확대 뷰 필요? | 다양한 각도 제공이 필요한가? |
| 옵션 선택 | 사이즈, 색상, 수량, 구독 등 | 다양한 옵션 선택 UI 필요 여부 |
| 사용자의 행동 유도 | 장바구니 담기 / 바로 구매 / 찜하기 | CTA(Call to Action) 우선순위 고려 |
| 기기 타입 | 데스크탑? 모바일? 반응형? 앱? | 디바이스마다 정보 배치 전략 달라짐 |
| 제품 정렬 방식 | 가격, 인기순, 리뷰 많은 순 등 | 사용자가 원하는 방식으로 필터링 제공 |
| 접근성 | 색약, 스크린 리더 등 고려 필요 | 대비/텍스트 명확성 확보 |
예시 시나리오 비교
| 구분 | 로컬 수제 비누 브랜드 | 글로벌 신발 브랜드 |
|---|---|---|
| 브랜딩 | 따뜻함, 감성적, 자연주의 | 스포티함, 트렌디, 강한 인상 |
| 이미지 | 고해상도 1~2컷 중심 | 각도별 상세 이미지 다수 |
| 상세 정보 | 재료, 향기, 제작 방식 | 재질, 사이즈 가이드, 배송/반품 |
| 옵션 | 향기, 수량 | 색상, 사이즈, 수량 |
| CTA | "선물 포장 선택", "1+1 담기" | "사이즈 가이드 보기", "배송 옵션 확인" |
UX에서 중요한 점
- 사용자가 무엇을 빠르게 찾고, 쉽게 비교하며, 망설임 없이 구매할 수 있는 흐름을 설계해야 함.
- 상품 검색, 필터링, 상세 페이지, 구매 버튼 위치, 장바구니 이동 경로까지 전체적인 사용자 여정(User Journey)을 고려해야 함.
- 로딩 속도, 제품 이미지 품질, 신뢰 요소(리뷰, 평점, 보증 등)도 전환율에 큰 영향.
요약
- 이 프롬프트는 단순한 쇼핑몰 레이아웃이 아니라,
“어떤 상품을, 어떤 브랜드 감성으로, 어떤 사용자가, 어떤 기기에서 경험하느냐”를 종합적으로 고려한 이커머스 UX 전략을 요구합니다.
🧸 결과물
- 네이버스마트스토어 UI 클론 디자인이다.
- 인기키워드 옆에 🔺도형이 텍스트의 끝과 딱 맞게 정렬됐으면 했는데.. 스터디원분들이 알려주셨다...짱!
- 역시 네이버, 깔끔한 UIUX이다.
- 근데 너무 잘된 UI만 클론디자인하는 것보다, 개선할 부분이 있는 UI를 찾아 나만의 디자인으로 바꾸면 어떨까하는 생각이 들었다. 실천하세용.
