Brilliant Experience

신한은행
디자인 시스템 구축

2021.06 - 2021.12

Overview

신한은행 UX 철학을
효율적으로 사용하는
견고한 시스템

신한은행의 디지털 경험 확장과 비즈니스 성장을 위한 방향성을 토대로 대내외적으로 통일된 가치를 전달하기 위해 규정한 사용자 경험 철학과 디자인 시스템입니다. 신한은행의 사용자 경험철학을 정립하고 이를 일관된 방향성으로 확장하기 위해 원칙에 근거한 기준을 ‘SOLID 디자인 시스템’으로 정의하였습니다.

모든 과정을 유기적으로 연결하여 견고한 시스템을 다지기 위해 SOLID 프로세스를 만들고, 신한은행의 내재화 된 사용자 경험 문화를 통해 고객과의 공감대를 형성해 나가기 위해 신한은행의 방향성과 가치를 분석하였습니다.

고객의 매일을 연결하여 우리의 내일을 만들기 위해 신한은행의 더 깊은 고민과 생각을 함께 하였으며, 구체화가 가능한 디지털 경험 속 확장성을 유연한 설계 원칙으로 규정하기 위해 SOLID 디자인 시스템을 제작하기 위한 프로젝트를 진행했습니다.

UX Design Principle

be SOLID
but EXPANDABLE

우리는 설계 원칙(Design Principle)을 구조화하기 위해 ‘디지털 환경 속 가장 유연한 경험’을 키워드로 하위 원칙을 규정지었습니다. 원칙 안에서의 확장성이 SOLID의 핵심이자 유의미한 명분입니다.

Concentration
on Human Desire 우리는 고객이 의식하지 못한 숨은 니즈를
정확히 알고 집중하고 있는가

Human Oriented 우리는 디지털 환경 서비스에서
다양한 사람들에 대해 고려했는가

Rapid Expansion 우리는 가장 빠른 결과물 산출과 검증을
통해 효율을 높이고 있는가

Achievements-Driven 고객이 공감하는 우리의 역사에 기록될만한
성과를 만들고 있는가

Strategy

디자인 시스템에
UX철학을 내재화한
신한은행의 견고한 시스템

견고한
시스템을 다지기 위한
SOLID 프로세스를 규정

신규 서비스 런칭 및 고도화 시 원칙을 기반으로 한 안정적인 관리를 위해 SOLID로 UX 철학을 유지 관리하는 명확한 프로세스를 수립했습니다.

SOLID를 중심으로
체계적인 가치 확장

디지털 전환기에 비즈니스의 확장과 고객에게 신한다운 이미지를 전달하는 것은 굉장히 중요합니다. 신한다운 사용자 경험 철학을 구축하고 이를 내재화하면서 지속적으로 프로덕트를 고도화할 수 있도록 SOLID 프로세스를 만들었습니다.

고객을 탐구하고, 고객이 본연의 삶에 집중하게 하며, 고객의 매일을 연결해 우리의 내일을 만드는 신한은행의 핵심 가치를 수립하여 서비스와 프로덕트의 설계 원칙과 시스템 구축하고 고객과의 접점을 제공하였습니다.

이를 통해 프로덕트 구축과 개선의 효율성은 물론 검증 및 고도화 집중하여 더욱 사용자에게 몰입할 수 있도록 하였고, 하나의 핵심 공통 철학을 모든 프로덕트에 관철시켜 유연한 확장성을 선보일 수 있도록 비즈니스 성장을 도모하였습니다.

신한은행의
모든 서비스에서
공동의 자산을 통한
일관된 경험 제공

신한은행 서비스에서 도출한 개선점 분석을 통하여 전사의 기준이 되는 표준 가이드의 수립을 하고 일관적이고 효율적인 서비스 제작 및 품질 관리를 목표로 할 수 있습니다.

Design System

신한은행
SOLID System

Foundation

파운데이션은 디자인 시스템의 근간이 되는 시각적 요소를 일관된 속성으로 정리하고 확장 가능한 환경을 만들도록 지원하는 ‘토대’입니다. 우리는 신한은행의 가치와 철학을 바탕으로, 서비스를 구축하고 설계할 때 가장 기본 가이드가 될 수 있는 파운데이션을 적재했습니다.

Component

컴포넌트는 화면을 구성하는 요소들을 말하며 이를 조합하여 하나의 UI를 만들 수 있는 ‘재료'입니다.
신한은행의 UX 패턴과 UI 화면을 분석하여, 공동의 규격과 규칙을 갖는 컴포넌트를 분석하여 구성 요소와 스펙을 일관되게 정리했습니다.

Template

템플릿은 공통된 서비스 프로세스와 모듈 시스템을 더욱 효율적이고 유연하게 조합하여 사용할 수 있도록 제공하는 조합 가이드 입니다.

UI 패턴과 정해진 규정을 제공하여 서비스에 맞는 화면을 제작할 수 있도록 했습니다.

Platform Guide

플랫폼 가이드는 안드로이드와 iOS에서 제공하는 가이드를 준수하여 서비스 성격에 맞춰 공동으로 적용 가능하도록 적재하여 정리한 가이드 입니다.
제공된 가이드라인에 준수하여 플랫폼 환경에 맞는 구축과 운영을 할 수 있도록 했습니다.

Credits

Project Manager

Park Taejeong

UX Designer

Park Jinho Park Chaewon Kim Bohyeon

UI Designer

Hong Junghyeon Kim Boeun Choi Jangho

Client

신한은행디자인 시스템 구축

Overview

UX Design Principle

Strategy

Design System

신한은행
디자인 시스템 구축