3040 남성을 위한 코디 웹 서비스 제작(Gemini, Notebook LM, Chat GPT, Lovable)

소개

얼마전 테크권 님의 주말 특강을 통해 Lovable에 대해 알게 되었어요.

종종 바이브 코딩의 재미를 느끼고 있는데, 최근 MZ 들은 데이팅 앱을 많이 쓰는데,

앱에 AI 서비스가 나와 코디부터 프로필 페이지를 구성해 준다는 이야기를 듣고,

3040의 코디 서비스를 만들어 보고 싶다는 생각이 들었습니다.

진행 방법

우선 순서는,

Chat GPT로 기획을 하고 프롬프트를 만들고,

Notebook LM을 통해 3040 남성의 코디 관련 데이터 베이스를 구축하고,

내용 정리 후 각각 Gemini와 Lovable로 웹 서비스를 제작했습니다.

결론은 Lovable의 결과물이 더 좋지만 정확성은 Gemini가 승리.

자 그럼, 함께 보시죠.

한국어 텍스트가있는 페이지

우선 Chat GPT에서 상황을 구체적으로 설명하고 역할을 추천 받습니다.

한국과 중국어 텍스트가있는 페이지

추천 받은 역할을 다시 부여하고 코디 관련 데이터 수집을 위해 검색어를 요청합니다.

Notebook LM에 관련 데이터를 수집했습니다.

3040 남성 코디, 계절, 체형, 상황 그리고 코디에 대한 코칭, 프롬프트 생성 등입니다.

Notebook LM에 수집된 데이터를 정리하는 프롬프트와 웹 서비스 제작에 대한 프롬프트를 Chat GPT에서 요청합니다.

생각보다 잘 정리를 해주네요.

이렇게 정리가 된 텍스트를 복사하고 Chat GPT에서 웹 서비스 제작을 위한 프롬프트도 복사합니다.

우선 제미나이입니다. 오류없이 잘 만들었죠?

사람의 사진이 담긴 한국 웹 사이트의 스크린 샷

제 전신 사진을 업로드하고 상황을 선택하고 분석을 합니다.

하체 비만이라니, 기분이 좋지 않습니다.

사실 상체가 더 문제가 있는데, 다행이라는 생각이..

암튼 나쁘지 않습니다.

이번에는 Lovable 입니다.

제미나이보다 디테일이 더 좋습니다.

분석 결과입니다. 사진은 동일한 사진을 사용했는데,

슬림한 체형이라고 하네요. 희망사항에 대한 피드백인가요?

피드백 또한 디테일이 더 좋습니다.

출근, 주말, 데이터, 모임에 따른 코디 추천도 해줍니다.

아쉽지만 가상 피팅과 문의하기는 작동이 되지 않았습니다.

추후에 이 부분에 대한 프롬프트와 데이터를 추가해서 다시 제작하면 좋을 것 같네요.

서비스 사용이 궁금하신 분은 아래 링크를 클릭하세요.

스타일 코치(StyleCoach 3040 남성전용) 바로가기

결과와 배운 점

조금은 단순한 서비스라 큰 문제는 없었습니다.

메뉴가 더 다양하고 복잡한 경우에는 아마도 많은 시행착오가 생길 것 같지만 아직까진 괜찮았습니다.

앞으로 더 많은 아이디어를 구현해 보겠습니다.

항상 감사하고 존경합니다. 저희 도로시J 윤스케어 파트너님들...

(내용 입력)

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

(내용 입력)

2
6개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요