쇼핑몰
자체코딩 커피 커머스
템플릿 없이 브랜드 화면과 쇼핑 기능을 직접 설계하고 구현한 커피 커머스입니다.
어떻게 만들었나
홈, 원두 목록, 상품 상세, 드립백과 기구, 정기구독, 로스팅, 저널을 하나의 웹 애플리케이션으로 연결했습니다. 원두별 산지와 가공, 품종, 향미 정보를 구조화하고 중량과 분쇄도 선택, 장바구니, 회원 화면, 구독 상품까지 자연스럽게 이어지도록 구성했습니다.
사진 35장과 영상 2개를 웹 환경에 맞게 최적화하고 서체도 필요한 글자만 경량화했습니다. 화면 전환과 상품 탐색은 빠르게 유지하면서 PC와 모바일에서 정보의 우선순위가 흐트러지지 않도록 반응형으로 직접 개발했습니다.
제작 범위
- 맞춤 UI와 UX
- 자체 코딩
- 상품 목록과 상세
- 옵션과 장바구니
- 회원 화면
- 정기구독
- 콘텐츠 페이지
- 이미지와 영상 최적화
- 모바일 반응형