러버블 vs v0, UI 화면설계 해보았어요

소개

몇번의 사례를 통해 저만의 UX를 다듬어보았어요.
이제는 UI를 진행할 차례!

진행 방법

↑ 이전 글에서 "GPT에게 PRD"를 받아서,
이거를 "클로드에게 전달하고 머메이드 고객여정도"를 받았었죠.

하지만 너희는 모두 초안일뿐,
완성도를 높이기 위해 직접 모든 프로세스를 세밀하게 검토해야해요.

나의 공간에서 제공해야할 서비스가 명확히 있다보니
목표가 랜딩페이지 > 웹사이트로 변신되었어요. 큰일났음ㅠㅠ

그것에 많은 다른 것들이있는 마인드 맵

어찌됬던 피그잼으로 나의 입맛에 맞게 고객여정도를 다시 정리하고 그렸지요.


한국어 텍스트가있는 앱의 스크린 샷
검은 배경에 한국어 단어 목록

저는 중요한 작업은 꼭 두번에 걸쳐서 검증해달라고 요청하는 편이에요.

개선된 프롬프트를 각각 "러버블"과 "v0"에 넣어봤어요.
누가누가 더 이쁘나 한번 보자! 했지만, 두개 다 비슷하게 리모콘 디자인이 나왔어요.

Meluv Korea- 스크린 샷

요래조래 프롬프트를 받아서 다시 넣어봐도 디자인이 리모콘에서 더 이상 개선되지 않아요. 아무래도 고객여정도를 레퍼런스로 넣었더니, 아마 폴더 구조에 더 신경써서 만들어지는거 같아요.

러버블은 5번 요청하니까, 하루 크레딧이 끝났어요!
v0는 작업량이 더 되네요~

그리고 전략을 변경했어요!
어차피 이거 전체 폴더 구조를 커서로 데리고 가서 다시 수정해야 하니까,
일단 예쁜 디자인을 데려갸야겠다.

Main > From the Community에서 디자인을 선택하고 나에게 데리고 와요.

↑ 너로 결정했어 !

단어가없는 화면

Free plan은 $5불이 주어지네요
로그인 / 회원가입 / 마이페이지 기능을 넣고,
디자인 등 8번정도 요청하니까 크레딧이 OUT 되었어요~

코드를 다운로드 받았어요
이제부터는 본게임!
커서와 싸워야한다... (이미무섭)

쉽지 않다 디자인 !!

고객여정도는 Level 1의 아주 쉬운 단계였네요.
이것을 기반으로 실제 공간을 시각화 하는 것은 또 다른 영역이고 능력이에요!

그래도 초안에 AI 도움 받으니 초보자도
어찌됬던 구현이 가능하다는 것이 감명 깊어요.


5
2개의 답글

👉 이 게시글도 읽어보세요