Pact
디지털 뱅킹
GPT 6.1 Sol
5 · 디자인 사례
금융 UI 디자인: 뱅킹, 경비, 결제 워크스페이스
디지털 뱅킹, 개인 예산 관리, 영수증 대사, 구독 수익, API 결제를 비교해 보세요. 서로 다른 금융 작업에서 금액 위계, 거래 근거, 예외 처리, 데이터 추출 흐름을 살펴 보세요.
주목할 점
사용자가 잔액을 확인하는지, 거래를 추적하는지, 예외를 해결하는지 먼저 구분하세요. 금액과 상태는 근거로 이어져야 하고, 결과가 중요한 작업에는 결과를 명확히 알려야 하며, 필터링이나 데이터 추출 시에도 맥락을 유지해야 합니다.
설치 및 사용 가이드 →
Penny
예산 관리 앱
GPT 6 Luna
Runrate
SaaS 매출 대시보드
GPT 6.1 Sol
Vesper
API 사용량 과금 콘솔
GPT 6.1 Sol
Vesper · 정산 원장
API 사용량 과금 콘솔
DeepSeek 4.1 Flash
관련 가이드
시나리오 플레이북 · 대시보드와 워크스페이스
대시보드 및 워크스페이스 플레이북
“KPI 카드 네 개와 차트 세 개”라는 AI 대시보드 상투성에서 벗어나세요. 명확한 위계와 연결된 상태를 갖춘 객체 중심 콘솔과 데스크톱 워크스페이스를 만드는 방법을 알아보세요.
시나리오 플레이북 · 모바일 앱 UI모바일 앱 UI 플레이북
AI Agent가 데스크톱 웹페이지를 좁은 모바일 화면에 억지로 끼워 넣은 듯한 결과물을 만들지 않게 하세요. 나란히 배치한 screens.html 보드와 촉각적인 상태로 390×844 다중 화면 모바일 앱을 디자인하세요.
디자인 방법 · 실제 화면 블라인드 리뷰실제 화면 블라인드 리뷰
편집기에서 JSX와 CSS만 검사하면 레이아웃 버그를 놓치는 이유를 알아보세요. Oil UI가 1440px/390px 브라우저 스크린샷, 200% 크롭, 흐린 블록 검사, 블라인드 서브에이전트를 사용하는 방법을 소개합니다.