Skip to content

Latest commit

 

History

History
164 lines (125 loc) · 9.91 KB

README.md

File metadata and controls

164 lines (125 loc) · 9.91 KB

2024-2 SW온캠퍼스인턴쉽 5팀 B조

AI 안경 키오스크 앱 개발

얼굴형과 퍼스널 컬러에 따른 안경 추천 앱

온캠퍼스인턴쉽 포스터사진

FRONTEND github 링크

BACKEND-main github 링크

BACKEND-AI github 링크

🙋‍♂️ 팀원소개

팀장 팀원 팀원 팀원 팀원
이찬희 신경환 김상헌 이지연 최리준

📝 작품소개

저희의 애플리케이션은 고객의 얼굴형과 퍼스널 컬러를 분석하여 매장의 모델 중 어울리는 안경을 추천해주고, 추천된 모델을 고객의 얼굴 사진 위에 합성하여 고객이 안경을 착용해볼지 재추천을 받을지 선택할 수 있게 합니다. 그리고 재추천을 원할 시 피드백을 반영하여 최종적으로 고객이 원하는 안경을 구매할 수 있도록 도와주는 AI 안경 키오스크 입니다.


🌁 프로젝트 배경

안경은 단순히 시력을 교정하기 위한 도구를 넘어서, 패션 아이템으로서 사람들의 개성을 표현하는 중요한 요소가 되었습니다. 실제로 매장에서 모든 안경을 착용해 보는 데는 한계가 있으며, 특히 대형 매장에서는 가격대별, 브랜드별로 나뉜 제품들을 선택하기 어려운 경우가 많습니다. 저희는 이러한 소비자의 어려움을 해소하고, 맞춤형 추천 서비스를 통해 소비자의 만족도를 높이고자 이 애플리케이션을 개발하게 되었습니다.


🎞 시연영상

시연 영상 바로가기!!


⭐ 주요 기능

[초기 화면]

초기 화면
  • [초기 화면 페이지] 입니다. 상단에 [홈]버튼을 클릭하면 초기화면으로 돌아올 수 있습니다.
  • 가운데 [사진촬영]버튼을 클릭하면 사진촬영 화면으로 넘어 갈 수 있습니다.

[사진 촬영]

사진 촬영
  • [사진 촬영 페이지] 입니다. 가이드라인에 맞추어 얼굴을 위치한 다음, 사진을 촬영할 수 있습니다.
  • 사진이 마음에 들지 않을 경우, [다시 찍기]버튼을 클릭하여 재촬영 하거나, [분석 결과 보기]버튼을 클릭하여 사진 분석을 진행 할 수 있습니다.

[사진 분석]

사진 분석
  • AI가 사진의 얼굴형, 피부톤(퍼스널컬러)을 분석합니다. 그리고 그에 맞는 안경 모델과 매칭합니다.

[분석 결과]

분석 결과
  • 사진을 바탕으로 분석한 얼굴형과 피부톤을 알려줍니다.
  • 고객의 얼굴형과 피부톤을 바탕으로 안경 프레임과 안경 색상을 추천해 줍니다.
  • [추천 안경 보기]버튼을 클릭하면 고객의 얼굴에 가장 잘 어울리는 안경 모델을 추천해 줍니다.

[안경 모델 추천]

안경 모델 추천
  • AI가 고객에게 가장 잘 어울리는 안경 모델을 찾습니다.

[안경 모델 추천 결과]

안경 모델 추천 결과
  • 고객에게 가장 잘 어울리는 안경을 추천 해 줍니다.
  • 고객은 추천 받은 안경의 착용 이미지를 통해 본인에게 안경이 잘 어울리는지 확인 할 수 있습니다.
  • 고객은 안경이 마음에 들지 않는 경우, [다시 추천하기]버튼을 클릭하여 피드백을 입력할 수 있습니다.

[피드백 작성]

피드백 작성
  • 고객은 자유롭게 피드백을 입력하여 피드백을 등록 할 수 있습니다.
  • 여러 피드백을 등록할 수도 있습니다.
  • 피드백을 모두 등록한 경우, [다시 추천받기]버튼을 클릭하여 피드백을 통해 새로운 안경 모델을 추천 받을 수 있습니다.

[안경 모델 재추천 결과]

안경 모델 재추천 결과
  • AI가 피드백을 바탕으로 고객에게 어울리는 새로운 안경을 3가지 추천 해 줍니다.
  • 원하는 안경 모델을 클릭하면, 고객이 안경을 착용한 이미지와 안경 모델 정보를 확인 할 수 있습니다.
  • 한번 더 마음에 들지 않는 경우, 다시한번 피드백을 입력하여 재추천 받을 수도 있습니다.

🔨 프로젝트 구조

image


📑 API 명세서

image


🔧 기술 스택

Frontend

JavaScript NodeJS HTML5 css Visual Studio Code React Figma AWS


Backend-main

java IntelliJ IDEA springboot mysql Postman AWS


Backend-AI

Python Visual Studio Code Flask OpenCV ChatGPT AWS Docker milvus


소통

Notion Discord Zoom

💡 기대효과

선택 용이성: 얼굴형, 퍼스널 컬러 분석을 통한 적합한 안경 추천으로 선택 과정의 고민과 불확실성을 줄인다.

구매 만족도 향상: 개인 맞춤형 추천으로 고객 만족도와 매장 신뢰도가 상승된다.

매장 체류 시간 단축: 안경에 대한 빠른 선택으로 고객 회전율이 증가된다.

데이터 축적 및 활용: 고객 선호 데이터를 활용하여 상품 기획을 최적화 할 수 있다.