임산부들을 위한 공동구매 플랫폼

👉 사이트 바로가기

• Hugmom은 산후조리원에서 필요한 과일, 채소, 물티슈 등의 용품을 유기농 농장 및 공장에서 직접 구매하여 시중보다 훨씬 저렴하게 제공하는 사이트입니다.
  
• 라이브커머스에서 진행하는 공동구매 시스템을 통해 생산자와 소비자 모두에게 이득이 되는 구조를 제공합니다.

• 개인 구매가 어려운 농장 직배송 물품을 공동구매 방식으로 제공
• 대량 생산 및 구매를 통해 생산자에게는 효율성을, 소비자에게는 비용 절감을 제공
• 일정 수량이 충족되면 조리원으로 물품을 일괄 발송하여 개별 배분

1. 공동구매 시스템

   • 상품의 구매 목표 수량 및 진행 상태 표시
   • 목표 수량 달성 시 구매 확정

2. 라이브커머스

   • 정해진 시간에만 진행하는 라이브커머스를 통해 주문 가능

3. 다양한 사용자 경험 제공

   • 웹과 모바일 모두 최적화된 UI 제공
   • 직관적이고 사용하기 쉬운 인터페이스

• Frontend: HTML, CSS, JavaScript
• Design: Figma

• 프로젝트 방향성 수립 및 필요한 페이지 정의
• 각 페이지 간의 연관성과 기능을 고려하여 구조 설계

• 스타일 가이드 제작:
  색상, 폰트, 굵기 등을 세세하게 정리
• UI 디자인:
  로고, 헤더, 푸터 디자인 결정
  웹과 모바일 버전의 UI 제작

• 4명의 팀원이 각 카테고리를 담당
• 웹과 모바일 버전을 각각 개발

• 성공적인 점

  • 기획부터 디자인, 개발까지 체계적인 진행
  • 사용자 중심의 직관적인 UI 제작

• 개선할 점

  1. 스타일 가이드 테스트 :
     실제 웹사이트에 스타일 가이드를 미리 적용해보고 더 알맞은 사이즈로, 더 효과적인 디자인이 가능했을 것
  2. 컴포넌트화 :
     비슷한 버튼, 텍스트 등을 재사용 가능한 컴포넌트로 만들었으면 효율성이 높아졌을 것
     (리액트를 사용하지 않아 구현에 한계가 있었음)
  3. 코드 컨벤션 :
     초기 코드 컨벤션을 설정하지 않아 사소한 오차 수정에 시간이 소요됨
  4. 깃허브 액션 이용 :
     깃허브 이슈 및 PR을 통해 개발 사항을 함께 공유했으면 더 상세하고 빠른 피드백이 가능했을 것

1. 이 저장소를 클론합니다.

   git clone https://github.com/your-repo/hugmom.git