동기부여를 위해 현재 나에게 가장 필요한 서비스를 구상했어. 새로운 체험을 좋아해서 모임, 스터디를 자주 하는 편이야. 모임장, 운영진을 하면서 제일 귀찮은 게 출석 체크, 입금 관리였어. 주로 노션과 엑셀을 사용하는데 모바일에서는 사용하기 불편하더라. 쉽게 모임을 관리할 수 있는 앱을 만들고 싶어.
핵심 가치
1.
노션과 엑셀보다 편할 것
a.
'복잡해, 그냥 쓰던 거 그대로 쓰는 게 더 낫네'라는 반응이 나오지 않을 만큼 쉬울 것
b.
모바일에서 조회, 편집이 편리할 것
c.
여러 명의 운영진이 함께 쓸 수 있을 것
2.
소모임, 은행 등 다른 앱의 정보를 쉽게 옮겨올 것
a.
예1) 소모임 앱의 모임 출석 데이터 연동
b.
예2) 입금 정보 이미지를 읽어서 입금자명을 대조
만드는 과정
Claude에게 핵심 가치, 기술 스택, MVP 기능 등을 문서로 써달라고 요청했어. 초안을 보고 잘 모르는 내용은 질문하고, MVP와 맞지 않는 내용은 수정했어.
그리고 문서를 토대로 메인 화면을 만들어 달라고 했어.
여러 번 요청해서 여러 버전의 화면을 만들었어. 화면의 퀄리티를 떠나서 쓸데없는 UI나 뜬금없는 기능이 많았어. (사실 디자인이 별로라서 제일 충격 받았어🫠) UX를 중요하게 생각하는 서비스였기에 내가 생각한 대로 UI를 구현할 수 있는 방법을 찾고 싶었어.
피그마로 기존에 가지고 있던 디자인 시스템과 Ant Design을 활용해서 메인 화면을 작업했어. 직관적이고 심플한 디자인으로 많이 고민했어.
Dev Mode를 이용해서 클로드에 MCP를 연동하고 메인 화면을 기준으로 다른 화면까지 만들어달라고 요청했어.
