대시보드부터 상품관리까지, 금융/FinTech 16화면의 모든 것
2021년, 16개 화면의 금융/FinTech 프로젝트. 기획부터 설계까지, 현장에서 마주한 문제와 해결의 기록.
데모 체험
실제 서비스가 아닌, 핵심 기능 흐름만 담아 재구성한 익명화 목업입니다. 모든 데이터는 가상입니다.
화면 스켈레톤
실제 Figma 8개 화면 중 대시보드·이체 핵심 6개 화면 재구성고객사 화면은 저작권 보호를 위해 공개하지 않는 대신, 주요 화면의 구성을 와이어프레임으로 재구성했습니다.
대시보드
거래 내역
거래 상세
이체
소비 리포트
설정
이 서비스가 해결하는 문제
이 프로젝트의 핵심 과제는 기존에 수작업이나 오프라인으로 처리하던 프로세스를 디지털로 전환하면서, 사용자 경험을 해치지 않는 것이었습니다.
16개 화면에 걸쳐 사용자의 주요 태스크를 분석하고, 최소한의 단계로 목표를 달성할 수 있도록 플로우를 설계했습니다. 웹/앱 환경에서의 접근성과 사용성을 동시에 고려해야 했습니다.
핵심 가치 제안
- 스마트한 탐색 경험 — 검색어 자동완성, 다중 필터, 정렬 옵션을 조합하여 사용자가 원하는 것을 3번의 터치 안에 찾을 수 있도록 설계했습니다.
- 데이터로 말하는 의사결정 — 핵심 지표를 한눈에 파악할 수 있는 대시보드를 제공합니다. "무엇을 보여줄까"보다 "무엇을 안 보여줄까"가 더 중요한 설계였습니다.
- 맥락에 맞는 알림 — 사용자의 행동 패턴에 따라 적시에 알림을 보내되, "알림 피로"를 유발하지 않는 빈도와 내용을 설계했습니다.
- 개인화된 사용자 경험 — 마이페이지에서 이력 조회, 설정 관리, 맞춤 추천까지 원스톱으로 제공합니다.
사용자 시나리오
주요 사용 흐름:
- 앱을 처음 실행하면 온보딩 화면이 나타납니다. 소셜 로그인 또는 이메일로 간편하게 가입할 수 있습니다.
- 메인 화면에서 핵심 콘텐츠와 개인화된 추천을 확인합니다. 주요 기능으로의 진입점이 명확하게 배치되어 있습니다.
- 검색 또는 카테고리 탐색으로 원하는 항목을 찾습니다. 필터와 정렬로 결과를 좁혀갑니다.
- 상세 페이지에서 충분한 정보를 확인하고 의사결정을 내립니다.
관련 포스트
캘린더가 곧 서비스다 — 공모주 투자 정보 앱의 데이터 파생 설계
청약일·환불일·상장일이 흩어져 있던 공모주 정보를 캘린더 한 화면으로 모은 앱과 자문사 홈페이지. 종목 데이터 한 벌을 등록하면 목록·캘린더·알림이 자동으로 파생되도록 설계했다.
시세가 없는 시장에 시세를 만든다 — 장외 주식 데이터 수집·통계 백오피스
비상장 주식에는 공개된 가격이 없다. 오픈API로 기업 기본정보와 시세를 끌어오고, 내부에서 쌓는 매수·매도 호가와 실거래 기록, 회차 단위 기업분석 리포트, 외부 설문 수집과 홈페이지 발행까지 — 장외 주식을 다루는 조직의 업무 전체를 담은 데이터 백오피스.
'결제하기'와 '예약신청하기'는 다른 버튼이다 — 금융조합 멤버십 앱 고도화
지역 금융협동조합이 조합원에게 숙박·체험 시설, 문화 강좌, 동네 제휴 혜택을 제공하는 멤버십 앱. 카드로 바로 확정되는 즉시결제와 담당자 승인을 거치는 현장결제, 두 갈래 예약 흐름을 버튼 문구까지 구분하고 체험 예약·계좌이체·날짜 변경으로 확장한 고도화 기록.