“예전에 일주일 걸리던 일이 이틀 저녁이면 끝납니다.”
John은 BarthMoney가 어떤 느낌이어야 하는지 정확히 알고 있었습니다. OpenDesign은 몇 초 만에 실제로 쓸 수 있는 수준의 시각 아이디어를 내놓았고 — 그대로 코드로 가져갈 수 있는, 다듬어진 인터페이스를 건넸습니다.
여백을 미세하게 만지며 보낸 저녁은, 앱이 한 걸음도 나아가지 못한 저녁이었습니다.
John의 본업은 크리에이티브 디렉션과 시각 시스템이지 전업 소프트웨어 개발이 아닙니다. 퇴근 후에는 그 시각적 직관을 자기만의 실용 앱으로 돌립니다. 그래서 한 시간 한 시간이 소중합니다.
BarthMoney는 분명한 관점에서 시작했습니다. 개인 재무 관리는 차분하고 즉각적이어야 한다는 것. John이 본 대안들은 비대해진 스프레드시트이거나 광고로 어수선했습니다. 그가 원한 건 그날의 지출을 빠르고 명확하게, 방해받지 않고 기록할 수 있는 목적이 분명한 모바일 앱이었습니다.
John은 이 인터페이스에 그가 말하는 “영혼”이 필요하다는 걸 알았습니다. 벽은 그 방향을 일관되고 만들 수 있는 모바일 UI로 바꾸는 일이었죠. 빈 Figma 캔버스나 코드로 직접 쓰는 UI는 색과 여백과 정렬만으로 저녁 전체를 삼켜버릴 수 있습니다 — 정작 제품은 한 걸음도 못 나간 채로요.
Figma의 빈 캔버스를 들여다보거나 코드로 UI 레이아웃을 처음부터 쓰는 건 퇴근 후 혼자 작업할 때는 너무 오래 걸립니다.
프롬프트 하나가, 그 위에서 만들어 갈 수 있는 시각 언어가 되었습니다.
John은 화면의 느낌과 목적에서 출발했습니다. “카테고리별 내역이 있는 모던한 다크 모드 지출 대시보드.” 돌아온 건 보기 좋은 대시보드만이 아니었습니다. 어두운 표면, 골드 포인트, 금액의 위계, 그리고 AI 보조 입력과 직접 입력이라는 서로 다른 두 경로가 그때 정해졌습니다.
목업이 그대로 만들 수 있는 명세가 되었습니다.
John은 하나의 에이전트에게 제품을 처음부터 끝까지 발명하라고 시키지 않습니다. 각 도구에 분명한 역할을 주고, 제품에 대한 판단은 자기 몫으로 남깁니다.
화면의 목적, 위계, 분위기, 제약을 먼저 평범한 말로 적습니다.
John이 생성된 HTML과 CSS를 다듬어 인터페이스에 일관된 방향이 잡힐 때까지 손봅니다.
컴포넌트, 여백, 색, 위계가 함께 쓰는 시각 명세가 됩니다.
그 구조가 John의 코드베이스에서 모듈화된 위젯과 애플리케이션 로직이 됩니다.
AI는 선택입니다. 확인은 아닙니다.
BarthMoney에서 가장 강한 부분은 화면의 개수가 아닙니다. 그것들을 잇는 판단들입니다 — 자동화가 도움이 되는 순간은 언제인지, 물러나 있어야 할 때는 언제인지, 그리고 사용자가 아직 아무것도 입력하지 않았을 때 제품이 무엇을 약속하는지.
제안한 다음, 묻기.
채팅이 지출과 카테고리, 환율을 알아봅니다 — 하지만 최종 확인은 사용자에게 남습니다.
직행 경로는 항상 열려 있습니다.
Quick Add는 AI도 클라우드 계정도 없이 동작합니다. 자동화의 연출보다 속도와 프라이버시가 더 중요하니까요.
빈 화면 자체가 약속이 됩니다.
데이터가 생기기 전부터 BarthMoney는 무엇이 기기에 남는지 설명하고, 헷갈릴 수 없는 첫 동작 하나를 제시합니다.
여러 화면을 오가는 흐름과 공유 상태는 여전히 손이 많이 갑니다 — 바로 그 부분을 John은 OpenDesign이 다음으로 쉽게 만들어 주길 바랍니다.
부족했던 건 아이디어가 아니라, 끊기지 않는 시간이었습니다.
John은 OpenDesign이 UI 프로토타이핑 시간을 60–70% 줄였다고 봅니다. 일주일치 시각 작업이 이틀 저녁이 되었고, 핵심 UI 방향은 처음 구상한 지 며칠 만에 Flutter로 옮길 준비가 되었습니다.
얻은 것은 속도만이 아니었습니다. 퇴근 후에 만드는 사람에게, 인터페이스 주위를 맴도는 일을 멈추고 자기만 할 수 있는 일 — BarthMoney를 무엇으로 만들지 결정하는 일 — 로 돌아갈 만큼의 시각적 자신감을 주었습니다.
BarthMoney는 한 번으로 끝나지 않았습니다. John은 그 작업들이 지금 놓여 있는 포트폴리오도 OpenDesign으로 만들었습니다 — 시각적 방향을 구체적인 것으로 바꾸는 또 하나의 방법이죠.
“전담 디자이너가 없는 1인 개발자나 인디 해커라면, OpenDesign이 바로 당신의 불공정한 무기입니다.”
