Skip to content

YooJiwon-github/cosmery

Repository files navigation

🛍️ Cormery – 코스메리 쇼핑몰

감성과 실용성을 모두 담은 뷰티 쇼핑몰 웹사이트 프로젝트
고급스러운 브랜드 이미지와 직관적인 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 설계, 퍼블리싱, 프론트엔드 개발까지 단독 진행

About

뷰티 쇼핑몰 웹사이트 프로젝트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published