Shinhan SOL Banking UX — Jieun Lee | Senior UX Designer Case Study

Overview

수퍼플랫폼이라는 방향성, 그리고 그 대가 The super-platform ambition and its cost

"메뉴가 너무 많아서 내가 뭘 찾아야 하는지 모르겠어요."

"There are so many menus I can't figure out what I'm even looking for."

사용자 인터뷰 중, 신한 SOL 앱 From a user interview, Shinhan SOL App

2018년 수퍼플랫폼을 지향하며 오픈한 신한 SOL은 뱅킹, 자산, 보험, 증권, 외환을 하나의 앱에 담았습니다. 야심 찬 전략이었지만, 빠른 기능 확장의 결과로 400개가 넘는 메뉴가 쌓였습니다. 메뉴는 늘었지만 사용자가 원하는 것을 쉽게 찾을 수 있는지는 별개의 문제였습니다. Launched in 2018 with super-platform ambitions, Shinhan SOL packed banking, assets, insurance, securities, and FX into a single app. An ambitious strategy — but rapid feature expansion resulted in 400+ menus. The number of menus grew; whether users could actually find what they needed was a different question entirely.

저는 이 환경 속에서 이벤트 템플릿 표준화, 스마터 오퍼 설계, 홈 진입점 개선, 쏠지갑 리뉴얼 등 여러 UX 개선 과제를 담당했습니다. 각 과제는 독립적이면서도 하나의 방향을 공유했습니다 — 더 적게, 더 명확하게, 더 스마트하게. Within this environment, I owned multiple UX improvement initiatives: event template standardization, smarter offer design, home panel entry point improvement, and SOL wallet renewal. Each initiative was independent but shared one direction — less, clearer, smarter.

My Contribution

UX 설계 전 영역 직접 담당. 리서치, IA, 인터랙션 설계, 카피라이팅 가이드라인, 프로토타이핑, 개발 핸드오프까지. 포토샵/파워포인트 기반 워크플로를 Figma로 전환한 것도 이 시기의 작업입니다. Full ownership across all UX deliverables. Research, IA, interaction design, copywriting guidelines, prototyping, and dev handoff. Transitioning the team's workflow from Photoshop/PowerPoint to Figma was also part of this period.

Role Senior UX Designer

Scope 이벤트 템플릿 · 스마터 오퍼 · 홈패널 · 쏠지갑 Event Templates · Smarter Offer · Home Panel · SOL Wallet

Skills

User Research IA Interaction Design Copywriting Prototyping Figma Zeplin

Period May 2020 – Present

Work Process Redesign

파워포인트로 디자인하고, 포토샵으로 넘기던 시절 Designing in PowerPoint, handing off in Photoshop

금융권에서는 흔한 일이었습니다. 그러나 이 워크플로는 협업을 느리게 하고, 디자인 일관성을 깨뜨리고, 개발 핸드오프에서 불필요한 커뮤니케이션 비용을 만들었습니다. Common in the financial sector. But this workflow slowed collaboration, broke design consistency, and created unnecessary communication overhead at dev handoff.

Before

포토샵 + 파워포인트 + 이메일 Photoshop + PowerPoint + Email

기존 워크플로 Legacy workflow

화면 설계는 파워포인트, 시각 디자인은 포토샵, 공유는 이메일. 각 단계에서 파일이 복사되고 버전이 갈라졌습니다. "최종_최종_진짜최종.psd"가 실재하는 환경이었습니다. 핸드오프 시 개발자는 픽셀을 직접 눈으로 측정해야 했습니다. Wireframes in PowerPoint, visual design in Photoshop, sharing via email. Files got copied and versioned at every step. "Final_Final_RealFinal.psd" was a real thing. At handoff, developers had to measure pixels by eye.

After

Figma + Zeplin Figma + Zeplin

전환 후 워크플로 Post-transition workflow

IA부터 최종 시안까지 Figma 한 곳에서 관리. 컴포넌트 라이브러리로 일관성 확보. Zeplin 연동으로 핸드오프 커뮤니케이션 비용 절감. 무엇보다 "어떤 파일이 최신인지" 묻는 시간이 사라졌습니다. IA through final design managed in Figma. Component library for consistency. Zeplin integration to reduce handoff communication. Most importantly: no more time spent asking "which file is the latest?"

팀 전체 Figma 전환 완료 Full team Figma migration complete

Event Templates

표준화되지 않은 이벤트가 만드는 혼란 The chaos caused by unstandardized events

일관된 아이덴티티도 없고, 기간·경품·참여 조건이 매번 다른 위치에 표시되었습니다. 사용자는 같은 은행의 이벤트임에도 매번 새로 학습해야 했습니다. No consistent identity. Period, prizes, and participation conditions appeared in different positions every time. Users had to re-learn each event even though it was the same bank.

개선 전 Before

일관된 아이덴티티 없음. 기간·경품 위치 매번 다름. No consistent identity. Period/prize placement varies each time.

→

개선 후 After

맥락에 맞는 순서 배치로 일관성 확보. 사용자 학습 비용 절감. Consistent ordering by context. Reduced user learning cost.

Chapter 03

스마터 오퍼 — SOL 안에서 상품을 만나는 방식 Smarter Offer — how users encounter products inside SOL

SOL 안의 다양한 상품과 서비스를 사용자에게 더 스마트하게 제안하기. 단순히 노출을 늘리는 것이 아니라, 맥락에 맞는 제안을 설계하는 것이었습니다. Smarter proposals of SOL's diverse products and services. Not simply increasing exposure — but designing contextually relevant offers.

Smarter Offer · Direction

네 가지 설계 방향 Four design directions

오퍼의 품질을 높이기 위해 사용성, 인지성, 시각 위계, 일관성 네 가지 축을 설정했습니다. 각 축은 독립적이지만, 동시에 충족될 때 시너지를 냅니다. To improve offer quality, we established four axes: usability, cognition, visual hierarchy, and consistency. Each axis is independent, but creates synergy when all are met simultaneously.

Usability

제한된 영역에서 최대의 효과 Maximum impact in limited space

사용성을 높이기 위해 제한된 화면 영역 안에서 핵심 정보만 노출하고, 나머지는 사용자의 인터랙션 이후에 드러나도록 설계했습니다. To improve usability, only essential information is shown within limited screen space — the rest reveals itself after user interaction.

Cognition

과중한 정보를 덜어내는 인지 설계 Reducing cognitive load

인지성을 높이기 위해 과중한 정보를 제거하고, 사용자가 즉각적으로 이해할 수 있는 단계별 정보 구조를 적용했습니다. To improve cognition, we removed information overload and applied a stepped information structure that users can understand immediately.

Visual Hierarchy

시각적 위계 표준화 Standardized visual hierarchy

시각적 위계 형성을 표준화하여 정보의 중요도가 눈에 보이도록 했습니다. 크기, 색상, 여백이 일관된 규칙을 따릅니다. Standardized visual hierarchy formation so information importance is visually legible. Size, color, and spacing follow consistent rules.

Consistency

제각기 다른 구성요소를 하나로 Unifying fragmented components

제각기 다른 색상과 구성요소를 일관성 있는 패턴으로 통합했습니다. 사용자가 다른 탭으로 이동해도 동일한 언어를 경험합니다. Different colors and components were unified into consistent patterns. Users encounter the same design language regardless of which tab they're in.

화면별 오퍼 적용 Offer application per screen

로그인 전 Pre-login

로그인 후 Post-login

홈 Home

상품몰 상단 Shop top

전체계좌 All accounts

이체 완료 Transfer done

헤이영 Hey Young

Copywriting Guidance

금융 카피의 네 가지 원칙 Four principles for financial copywriting

어려운 금융 언어는 사용자를 멀리합니다. 오퍼 카피의 기준을 명문화해 디자이너와 마케터가 같은 언어로 일할 수 있게 했습니다. Complex financial language pushes users away. Codifying copy standards let designers and marketers work in the same language.

Clear

짧은 카피 안에서도 고객이 의도를 알 수 있어야 합니다. 모호한 표현, 중의적 문구는 피합니다. Even in short copy, the intent must be clear. Avoid ambiguous or double-meaning phrases.

Easy

어려운 금융 용어를 지양하고 고객이 이미 알고 있는 단어를 씁니다. 설명이 필요한 단어는 카피에 들어올 수 없습니다. Avoid complex financial terms. Use words customers already know. If a word needs explaining, it doesn't belong in copy.

Simple

핵심만을 복잡하지 않게 전달하여 이목을 집중시킵니다. 하나의 카피에 두 가지 메시지는 없습니다. Deliver only the essential, without complexity. One copy, one message. Never two.

Consistent

동일한 톤과 스타일, 용어를 사용하여 브랜드 신뢰감을 형성합니다. 채널이 달라도 같은 목소리여야 합니다. Consistent tone, style, and terminology builds brand trust. The same voice, regardless of which channel.

Smarter Offer · How to Hook

어떻게 주목을 끌 것인가 How to capture attention

상품 오퍼에서 사용자의 관심을 끄는 방식은 여러 가지입니다. 어떤 훅을 쓸지는 상황과 타겟에 따라 달라집니다. 7가지 훅 패턴을 정의하고 각 화면 유형에 적용 기준을 세웠습니다. There are many ways to capture user attention in product offers. Which hook to use depends on context and target. We defined 7 hook patterns and established criteria for applying each to screen types.

01 혜택 강조 Benefit emphasis 금리·포인트·캐시백 Rate / Points / Cashback

02 긴급성 Urgency D-Day, 한정 수량 D-Day, Limited quantity

03 사회적 증거 Social proof 가입자 수, 인기 상품 Subscriber count, Popular

04 개인화 Personalization 연령·소비패턴 기반 Age / Spending pattern

05 목표 연동 Goal-linked 저축 목표, 자산 분석 Savings goal, Asset analysis

06 컨텍스트 트리거 Context trigger 이체 후, 조회 후 등 Post-transfer, Post-lookup

07 신규/전용 New / Exclusive 신상품, 고객 전용 혜택 New product, Customer exclusive

Chapter 04

SOL 홈패널 진입점 개선 — 뱅킹만 보이던 홈 SOL home panel entry point — a home screen that only showed banking

뱅킹 위주로 서비스되다 보니 MY자산, 상품+로의 진입이 묻혀 있었습니다. 복잡해진 상단을 정리하고 핵심 진입점을 드러내는 작업이었습니다. Because banking was the primary focus, MY assets and Product+ entry points were buried. The work was to declutter the complicated top area and surface the key entry points.

SOL Home Panel

복잡한 상단을 정리하여 주력 서비스로의 진입을 명확히 Clearing the cluttered top to surface primary service entry points

개선 전 Before

뱅킹 중심 구조. 자산·상품 진입점이 하단에 묻혀 있음. Banking-centric structure. Asset/product entry points buried at the bottom.

→

개선 후 After

복잡한 상단 정리. 뱅킹·자산·상품+ 세 개 탭을 동등하게 배치. Decluttered top. Banking, Assets, and Product+ placed as equal tabs.

Chapter 05

쏠지갑 — 뱅킹·자산·상품+를 하나로 연결하다 SOL Wallet — connecting Banking, Assets, and Products in one place

뱅킹 위주의 구조에서 벗어나, 사용자가 자신의 전체 금융 상황을 한눈에 조망하고 행동으로 이어질 수 있는 공간을 설계했습니다. Moving beyond the banking-only structure, we designed a space where users can view their entire financial picture at a glance and take action from there.

쏠지갑 · SOL Wallet

세 개의 탭, 하나의 목표 Three tabs, one goal

뱅킹(계좌·이체), 자산(예적금·투자·대출 한눈에), 상품+(맞춤 추천·주간 베스트) — 각 탭이 독립적으로 기능하면서도 사용자의 금융 여정을 하나로 이어줍니다. Banking (accounts & transfers), Assets (deposits, investments, loans at a glance), Products+ (personalized recommendations, weekly best) — each tab functions independently while connecting the user's full financial journey.

뱅킹 Banking

계좌 카드 + 맞춤 메뉴
쏠지갑 목표 연동 Account cards + Custom menu
SOL Goal integration

자산 Assets

한눈에 · 자산 · 소비 · 목표
17개 카테고리 통합 조회 Overview · Assets · Spending · Goals
17 categories unified

상품+ Products+

맞춤 추천 · 관심 추천 · 주간 Best
연령별 개인화 오퍼 Personalized · Interest-based · Weekly Best
Age-based personalized offers

400개가 넘는 메뉴들 중 Among 400+ menus

사용자에게 필요한 것은 메뉴의 수가 아니라, 지금 이 순간 무엇을 해야 하는지를 알려주는 경험입니다. What users need isn't the number of menus — it's an experience that tells them what to do right now, in this moment.

SOL의 방향은 수퍼플랫폼입니다. 하지만 플랫폼이 아무리 넓어도 사용자가 길을 잃으면 의미가 없습니다. 덜 보여주되 더 잘 안내하는 것이 이 모든 작업을 관통하는 원칙이었습니다. SOL's direction is super-platform. But no matter how wide the platform, it's meaningless if users get lost. Show less, guide better — that was the principle threading through all of this work.

Innovation with Speed.
그것이 정말 미래를 위한 것인가. Innovation with Speed.
But is it really built for the future?