PC를 압축한 것이
모바일이 아니다 Mobile is not
compressed PC

기존 홈은 마케팅 배너와 상품 소개 중심이었습니다. 재설계한 홈은 사용자가 가장 자주 하는 작업으로 즉시 접근할 수 있는 Task Hub입니다. 상단에 카드 정보(이번 달 결제 금액, 혜택 잔액)를 요약 형태로 배치하고, 아래에 주요 작업 바로가기를 구성했습니다.

The original home was marketing banners and product introductions. The redesigned home is a Task Hub giving immediate access to users' most common actions. Card info (this month's payment, benefit balance) summarized at top, major task shortcuts below.

카드 정보 요약 카드 — 스크롤 없이 잔액과 결제일 확인

Card summary widget — balance and payment date at a glance without scrolling

개인화 혜택 추천 — 사용 패턴 기반 혜택을 홈에서 바로 노출

Personalized benefit recommendations — usage-pattern based benefits visible from home

카드 신청 프로세스에서 가장 큰 이탈 지점은 첫 단계였습니다. 기존 방식은 긴 약관 동의와 개인정보 입력이 먼저였습니다. 재설계된 신청 흐름은 카드에 이름을 새기는 순간부터 시작합니다 — 고객이 이미 선택을 마친 것처럼 느끼도록.

The biggest drop-off in the card application process was at the first step. The old flow started with lengthy terms and personal information forms. The redesigned flow starts from the moment of putting your name on the card — making customers feel they've already decided.

이름 입력이 신청의 시작 — 소유감을 먼저 만든 뒤 세부 정보 입력

Name input as the start — create ownership feeling first, details later

신용정보 자동 불러오기 — 사용자가 직접 입력해야 하는 항목 대폭 감소

Auto-fetch credit data — drastically reducing fields users need to fill in manually

진행 단계 시각화 — 어느 지점에 있는지, 얼마나 남았는지 명확하게

Progress visualization — clear indication of current step and remaining steps

금융 서비스 신청 흐름에서 사용자의 가장 큰 장벽은 심리적인 것이었습니다. "내가 승인받을 수 있는가?"의 불안. 재설계된 Finance Apply 흐름은 사용자가 먼저 한도를 확인한 뒤 신청하는 구조로 전환해 이 불안을 해소했습니다.

The biggest barrier in financial application flows was psychological — "Will I even get approved?" The redesigned Finance Apply flow resolved this by letting users check their eligible limit before formally applying.

사전 한도 조회 → 신청 구조 — 거절 불안 없이 신청 여부 결정 가능

Pre-check limit → apply structure — users can decide whether to apply without fear of rejection

안내 메시지 + 확인 버튼 디자인 — 카드 에디터에서 착안한 가이드 UX

Guide message + confirm button design — guidance UX inspired by card editor

애니메이션으로 대기 불안 경감 — 심사 중 로딩 대신 의미 있는 피드백

Animation to reduce waiting anxiety — meaningful feedback instead of a plain loading state