감성과 실용성을 모두 담은 뷰티 쇼핑몰 웹사이트 프로젝트
고급스러운 브랜드 이미지와 직관적인 UI/UX 구현에 초점
Cormery는 뷰티 제품을 판매하는 온라인 쇼핑몰로, 사용자 편의성을 고려한 UI 구성과
깔끔한 디자인, 장바구니 및 결제 기능까지 포함된 풀스택 웹 프로젝트입니다.
- 디자인 중심의 사용자 경험
- 상품 리스트/상세 페이지 설계
- 장바구니, 옵션 선택, 결제 기능 구현
| 영역 | 기술 |
|---|---|
| Frontend | React, HTML, CSS |
| Deployment | Vercel (FE) |
| Design | Figma |
| 홈 페이지 | 상품 상세 | 장바구니 |
|---|---|---|
![]() |
![]() |
![]() |
-
💄 상품 리스트 & 상세 보기
다양한 뷰티 제품을 카테고리별로 탐색하고 상세 정보 확인 -
🛒 장바구니 및 옵션 선택
옵션 선택, 수량 조절, 개별/전체 삭제 기능 포함 -
🧾 결제 요약 & 구매 흐름 설계
할인 적용, 총 결제 금액 계산, 구매 페이지 연결 -
🔍 모바일 반응형 지원
다양한 디바이스에서 자연스러운 UI 제공
- 프론트엔드 개발 및 UI/UX 디자인 전반 담당
- Figma를 활용한 웹 디자인 및 화면 설계
- React 기반의 컴포넌트 구조 설계 및 상태 관리
- 사용자 중심의 인터페이스 구현
🔗 (https://www.cosmery.store/)
- 개발 기간: 2025.06 ~ 2025.07
- 참여 인원: 1명 (개인 프로젝트)
- 기획부터 UI/UX 설계, 퍼블리싱, 프론트엔드 개발까지 단독 진행


