현대해상 다이렉트 프로젝트 사례 요약
- 클라이언트
- 현대해상화재보험
- 산업
- 손해보험, 다이렉트 보험, 금융 플랫폼
- 문제
- 보험 가입을 어렵게 만든 것은 보험 자체보다 과정이었습니다. 입력 데이터 소실, 낮은 가독성, 일관되지 않은 UI, 개별 화면 계산 등으로 고객이 스스로 가입을 끝내기 어려웠습니다.
- 플립 역할
- 플립커뮤니케이션즈는 고객 여정 재설계, 모바일 퍼스트 UX/UI 설계, 토큰 기반 디자인 시스템 구축과 전 채널 화면 설계를 수행했습니다.
- 접근
- 통합 홈, 단일 화면 일괄 변경, 설계 이어가기로 가입 여정을 재설계하고, 모바일에서 검증된 경험을 확장형·재배치형·최적화형 전략으로 PC까지 확장했습니다. Figma Make와 생성형 AI를 활용해 제작 과정을 효율화했습니다.
- 제작물
- 현대해상 다이렉트 Mobile Web / App / 간편모드 / PC 화면 설계, 토큰 기반 디자인 시스템, UI/UX 가이드라인, 모션 가이드
- 결과
- 3,600본 규모의 화면 설계를 완수하고 900여 개 컴포넌트와 토큰 검수를 완료해, 가입부터 계약까지 끊김 없이 흐르는 모바일 완결형 보험 경험을 만들었습니다.
- 키워드
- 현대해상 다이렉트, 다이렉트 보험, 보험 가입 UX, 모바일 완결형, 디자인 시스템, 금융 UX
보험 가입,
더 쉽고 가깝게
복잡함은 덜고 이해는 높인 ‘모바일 완결형’ 보험 경험
- Web/Mobile Platform
- February, 2026
- 현대해상화재보험
Insight into the process
가입을 어렵게 만든 건
보험보다 과정이었습니다
손해보험 시장의 경쟁이 치열해지는 가운데,
현대해상 다이렉트는'가입 편의가 곧 신뢰'라는 철학 아래
고객이 스스로 끊김 없이 완료할 수 있는 환경을 만드는 것이 목표였습니다.
Seamless experience
가입부터 계약까지,
끊기지 않고 흐릅니다
The journey
그러기 위해
고객의 여정을
다시 설계했습니다
We rebuilt
그 불편을
하나씩 바꿨습니다
Find Faster
원하는 업무로
바로 닿을 수 있도록
내가 가입한 펫보험
보험금 청구도
간편하게!
내게 필요한 저축보험
보험 가입도
바로 손쉽게!
- #간편모드
- #PC환경 최적화
처음 방문했을 때,
어디서 시작해야 할지 고민되셨나요?
기존의 상품 제안 중심 구조에서 벗어나, 상품·계약·보상 등 고객이 필요로 하는 서비스를 하나의 흐름으로 연결한 통합 홈을 구축했습니다.
보험료 산출부터 가입 후 서비스 이용까지 이어지는 구조로 설계해 진입 장벽을 낮추고 사용자 흐름을 단순화했습니다.
Decide Faster
비교는 쉽게,
선택은 빠르게
- #다수 차량 설계
- #기존 계약 정보 저장
보험료를 비교하기 어려우셨나요?
단일 화면에서 여러 담보 조건을 바꾸면 보험료가 즉시 재산출됩니다.
커넥티드카, 자녀, 걸음수 할인 등 특약들을 한 화면에서 한번에 조회하고 자동 적용할 수 있습니다.
One Flow
확인은 단순하게,
가입은 끊김 없이
상품설명서- 보험약관
- 청약서류
- #표준화된 가입 프로세스
- #표준화된 청약 단계
확인해야 할 내용이 너무 많았나요?
채널과 디바이스별로 제각각이었던 가입 프로세스 및 청약 서식을 단일 표준 양식으로 통합했습니다. 여러 창을 오가며 확인해야 했던 불편을 없애고 스크롤 하나로 전체를 검토하는 수직 흐름으로 바꿨습니다.
Mobile first
하나의 경험을
모든 채널로 확장하기 위해
- 01
확장형
모바일에서 설계한 레이아웃을
PC 너비에 맞게 그대로 확장합니다. - 02
재배치형
콘텐츠 순서와 위치를
PC 환경에 맞게 재구성합니다. - 03
최적화형
PC의 넓은 화면 특성에 맞게
기능과 구조를 새롭게 설계합니다.
모바일에서 검증된 경험을 기준으로 PC 환경에 맞게 재구성했습니다.
확장형 · 재배치형 · 최적화형 전략으로 채널은 달라도 경험은 같도록 만들었습니다.
Design system
같은 경험이 많은 사람에게
자연스럽게 이어지도록
화면은 많아지고 있었습니다
900여 개 컴포넌트를 검수하고 토큰 기반 디자인 시스템을 구축해 서비스 전반에 일관된 디자인 기준을 적용했습니다. 색상 대비, 명도, 터치 영역 등 접근성 기준도 함께 반영해 누구나 불편 없이 이용할 수 있는 경험을 만들었습니다.
Generative AI
상상을 더 빠르게,
더 많은 방향으로
Figma Make
Midjourney더 나은 방법은 없을까요?
Figma Make와 생성형 AI를 활용해 반복적인 제작 과정을 줄였습니다.
다양한 시안을 빠르게 검증하며 사용자 경험에 더욱 집중할 수 있었습니다.
Every detail
작은 움직임까지
하나의 경험으로
자동으로 영역 이동이 되지 않는 항목에는 재생, 멈춤 버튼 없이 제공 가능합니다.
다섯개 이상의 항목에는 도트 사용을 지양합니다. (넘버케이스 사용 권장)
경험은 화면만으로 완성되지 않습니다
인터랙션 원칙과 모션 가이드를 정의했습니다. 서비스 전반에서 일관된 피드백과 자연스러운 흐름을 제공할 수 있도록 기준을 마련했습니다.
Less complexity
복잡함은 줄이고,
이해는 높인 모바일 완결형
보험 경험을 설계했습니다
주요 화면 갤러리
Better experience, Better partnership
좋은 경험은
좋은 협업에서 시작됩니다
플립은 단순한 구축 파트너를 넘어 고객과 함께 문제를 정의하고 해결해 나갔습니다.
사용자 경험부터 운영 체계까지 지속 가능한 디지털 경험을 함께 만들어갔습니다.
