서비스 소개
Crush: Your personal clothes manager and fashion helper
CRUSH는 AI 코디네이터와 패션 커뮤니티 기능을 동시에 제공함으로써 AI 기반 패션 플랫폼으로 동작한다.
CRUSH를 통해 사용자들이 옷장을 효율적으로 관리하고, 다양한 조건에 맞는 패션 추천을 받을 수 있다. 이를 통해 사용자는 옷장 정리의 번거로움을 덜고, 개성 있는 스타일을 찾아가는 데 도움을 받을 수 있다.
기능소개
주요 기능
나만의 옷장 관리
사용자는 옷장의 옷들을 사진으로 찍어 등록하고, 옷의 종류, 색상, 두께, 설명 등을 기록할 수 있다. 이렇게 저장된 데이터는 사용자의 옷장을 손쉽게 관리할 수 있도록 도와준다.
AI 옷 추천
사용자는 날씨, 위치, 기분 등의 조건을 설정하여 개인화된 옷 추천을 받을 수 있다. Crush는 사용자의 옷 데이터와 추천 요청 정보를 바탕으로 적절한 조합을 제안해 준다.
내 코디 등록
사용자는 자신의 패션 스타일을 보여주는 사진을 업로드할 수 있다. 이 기능은 "나의 옷장"과는 별개로, 개인의 패션 감각을 다른 사용자와 공유하는 데 초점을 맞추고 있다.
유저가 앱을 처음 실행하면 구글 계정을 통해 로그인한다. 구글 계정을 통해 인증된 유저는 자신의 id, 닉네임(name), 성별(sex), 나이(age)를 파이어베이스에서 불러온다.
Crush의 기능은 크게 5가지로, 나의 옷장, 코디 등록, 나의 코디, 마이페이지가 있다.
첫 번째로 나의 옷장에서는 지금까지 유저가 등록한 옷의 목록을 볼 수 있다. 옷 등록 버튼을 통해 유저가 소지한 옷의 정보를 텍스트로 입력하고 플러터 내부의 로컬 저장소에 저장한다.
옷의 정보로는 이름(name), 색상(color), 종류(type), 두께(thickness)를 입력받는다. 이렇게 로컬 저장소에 저장한 옷들을 나의 옷장에서 텍스트 형식으로 출력한다.
또한, 옷 추천 버튼을 통해 지금까지 로컬에서 저장한 옷 데이터를 JSON 방식으로 NAS에 전송하고, 날씨, 계절, 스타일 등 여러 가지 옵션을 추가해서 종합한 정보들을 토대로 NAS 내부에서 도커 컨테이너에서 작동하는 스프링이 GPT-3.5-turbo를 이용해 옷 추천 정보를 생성해 전송한다. 그 후 전송받은 정보를 유저에게 출력해 준다.
두 번째로 코디 등록은 유저의 코디 사진을 로컬에 저장하는 기능이다. 하단 내비게이션 바 중앙의 버튼을 클릭하면 로컬 기기의 갤러리로 화면이 넘어가고, 갤러리에서 사진을 고르고 등록한다. 이렇게 등록한 사진은 파이어스토어 저장소에 저장된다.
세 번째로 나의 코디는 지금까지 유저가 올린 코디를 확인할 수 있는 페이지이다. 코디 등록에서 저장된 코디를 파이어스토어 저장소에서 불러와서 출력한다.
마지막으로 마이페이지에서는 유저의 닉네임, 성별, 나이 등을 변경하거나 로그아웃, 회원 탈퇴 기능이 들어갈 예정이다.
UI / UX 디자인
앱을 실행하면 로그인 화면이 바로 나타난다. 화면 하단에는 구글 계정으로 간편하게 로그인할 수 있는 버튼이 위치하고 있다. 유저는 이 버튼을 탭하여 구글 계정으로 로그인할 수 있다. 이렇게 구글 계정을 이용한 간편 로그인 기능은 유저의 편의성과 사용성을 높이는 중요한 요소이다.
나의 옷장 페이지에서는 유저가 등록한 옷의 정보를 한눈에 확인할 수 있다. 페이지 상단에 위치한 바를 통해 상의, 하의, 기타로 등록된 옷을 각각의 카테고리로 구분해 볼 수 있다. 페이지 우측 하단의 옷 추천 버튼을 통해 소지하고 있는 옷을 바탕으로 코디를 추천해주는 옷 추천 페이지로 이동할 수 있다.
각 옷의 정보는 옷의 썸네일 사진과 함께 나열되어 있으며, 클릭하면 상세 정보를 확인할 수 있다. 상세 정보 페이지에서는 해당 옷의 이름, 종류, 색상, 두께와 같은 세부 정보를 확인할 수 있다. 우측 하단의 삭제 버튼을 통해 등록한 옷을 삭제하는 기능도 지원한다. 이를 통해 유저는 등록한 옷들을 효율적으로 관리하고, 필요한 정보를 빠르게 찾아볼 수 있다.
옷 추천 페이지는 유저의 옷장에서 등록된 옷과 선택한 옵션을 기반으로 코디를 추천해주는 기능을 하는 페이지이다. 페이지 상단에는 오늘의 날씨, 활동 장소, 스타일 등을 선택할 수 있는 옵션 바가 있으며, 선택한 옵션들이 화면에 표시된다. 페이지 하단의 옷 추천 버튼을 클릭하면 선택한 옵션과 등록된 옷 정보를 종합하여 코디 추천 API에게 전송하고, API가 반환한 정보를 출력한다.
추천 정보는 각 옷의 썸네일 사진과 종류, 색을 포함한 추천 옷 조합으로 표시되며, 해당 코디의 추천 정보도 함께 텍스트로 출력된다. 유저는 옆으로 스와이프하여 다른 추천 정보를 확인할 수 있다. 추천 정보를 통해 유저는 새로운 코디 아이디어를 얻을 수 있고, 자신의 옷장에서 등록된 옷을 더욱 효과적으로 활용할 수 있다.
https://documenter.getpostman.com/view/26567111/2s93Y5Qfcz
상기 link로 들어가면 코디 추천 API 문서를 확인할 수 있다.
API 내의 프롬프트를 공개하자면 이러하다. chatgpt-3.5-turbo 기반이다.
"You are a competent fashion stylist. Look at a given set of clothes and their conditions and recommend suitable combinations in Korean. It must be appropriate for the given options."
+ "Follow the output form unconditionally: [[cloth1,cloth2,describe Why we recommend it],[ cloth1, cloth2, describe Why we recommend it], ...]. Up to 3 combinations." + clothes_information
이외에도 추가적으로 구현하고자 하는 기능이 많다. 하지만 구현 시간이 부족하여 현재 진행된 만큼만 공유한다.
flutter 로 구현했고 apk 파일로 공유하려했으나 20mb를 넘어 첨부하진 않겠다.
추후 http://52.78.216.153/crush 에 공유하도록 하겠다.