AI 일정관리 앱 을 웹으로 바꿔보기 : 앱 화면 스토리 라인 정리하여 Figma Make 사용 준비하기

소개

"AI 일정관리 아이폰 앱" 을 웹 으로 변경하는 것이 목적입니다.

앱 화면에 많은 기능을 담으려고 하다보니 가독성이 떨어지는 듯 하여 웹으로 화면 전환 하는 것이 목적이었습니다.

진행 방법

사이드 바 의 역할:

사용자 씬1: 나만의 다이어리 작성 --> 다이어리 내용에서 인박스 사항 AI 로 자동 생성.

사용자 씬2: 일정 실행 가능한 이번달 Timeslot 추가 --> 이번주 추가/삭제 Timeslot 입려

모바일 앱의 다른 부분을 보여주는 다이어그램

Bottom 바 의 역할:

사용자 씬3: 이번달 진행할 Goal 을 작성하고, Goal 달성에 필요 한 Action Item 을 AI 가 자동생성 --> 캘린더에 자동 배치 (미달성 시, 자동으로 재배치)

사용자 씬4: 일일/주간/월별 Goal 달성률을 확인하고, 예상 문제 사항을 AI 가 분석하기 --> 분석결과를 메일로 보내주기

사용자 씬5: Goal 달성을 위한 궁금 사항을 Chatbot 으로 물어보기

Floating Button 역할:

사용자 씬 6: Action 아이템 진행사항을 피드백 하기 --> Action 진행관련 히스토리를 로깅 --> 다이어리를 작성하고 이미지로 캡쳐하여 텍스트 상태로 저장해 두기 --> 나의 일상을 Knoweldge 하 하여 AI 가 나의 라이프 사이클을 분석할 수 있도록 하기

부수적인 사항:

사용자 씬 7: Goal 달성을 위해 실행되어야 할 Action 을 AI 에게 추가 시키기. 현재 진행 및 히스토리를 분석하여 상황에 맞게 Action 하기

한��국어를 가진 한국 앱의 스크린 샷

위와 같은 사용자 씬들을 Figma Make 가 이해하기 쉽도록 정리하여 이미지로 저장해 두기. 이를 프롬프트로 입력하여 웹 페이즈 제작을 자동으로 수행할 수 있도록 준비해 둡니다.

실행 결과

너무 흔한 "일정관리 웹" 이 만들어짐. 다음주에 차별화된 웹을 위한 추가 프롬프트 진행할 예정입니다.

https://hope-palm-94929567.figma.site

모바일 앱의 대시 보드 스크린 샷
3
2개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요