Web/Mobile Platform

삼성자산운용 삼성자산운용 통합 플랫폼 통합 플랫폼

All New Innovative Platform, 삼성자산운용 통합 플랫폼

Client.: 삼성자산운용

Category.: Web/Mobile Platform

Date.: 2023.03

Service.: UX Strategy, Visual Design, Photography/Film, 3D Motion Graphics, Development, 360

사이트 바로가기

Brief

삼성자산운용 온라인 플랫폼은 분리되어 있던 삼성펀드와 Kodex 사이트를 하나로 통합 구축하여 일관된 브랜드 아이덴티티를 전달함과 동시에 새롭게 브랜딩된 브랜드 이미지를 전달하고자 리뉴얼 되었습니다. 삼성자산운용 만의 기업 헤리티지를 전달하는 것 뿐 아니라, 최신 투자 트렌드를 반영한 쉽고 편리한 고객 맞춤형 콘텐츠를 제공하는 새롭고 혁신적인 플랫폼을 구현하고자 하였습니다.

Concept

투자정보에 새로운 혁신을 더하다. 삼성자산운용 플랫폼은 투자 상품 뿐만 아니라 연관 콘텐츠를 다채롭게 제공하며, 고객의 언어로 표현한 정보의 시각화를 통해 쉽고 직관적으로 느낄 수 있게끔 UI System을 구축하였습니다. 또한 필요로 하는 정보에 대해 빠른 탐색이 가능한 요소를 곳곳에 배치하여 고객 UX 중심의 Journey Map을 설계하는 데에 집중하였습니다. 고객에게 만족을 줄 수 있는 새로운 삼성자산운용 플랫폼과 함께 즐거운 투자를 경험 해보세요!

토글을 활용한 간편 메인전환

상단에 지속적으로 노출되는 토글 UI를 배치하여 통합된 Kodex와 삼성펀드 사이트를 사용자가 쉽게 인지하고 유기적인 전환이 가능하도록 하였습니다.

쉽고 직관적인 메인 구성

쉽고 직관적인 메인 구성

이원화된 메인 페이지 구성을 통해 코덱스 사이트를 찾은 고객에게는 상품 중심의 정보를, 삼성자산운용 사이트를 찾은 고객에게는 정보 중심의 콘텐츠를 전달할 수 있는 메인 페이지를 구성하였습니다.

이원화된 메인 페이지 구성을 통해 코덱스 사이트를 찾은 고객에게는 상품 중심의 정보를, 삼성자산운용 사이트를 찾은 고객에게는 정보 중심의 콘텐츠를 전달할 수 있는 메인 페이지를 구성하였습니다.

쉽고 직관적인 메인 구성

쉽고 직관적인 메인 구성

이원화된 메인 페이지 구성을 통해 코덱스 사이트를 찾은 고객에게는 상품 중심의 정보를, 삼성자산운용 사이트를 찾은 고객에게는 정보 중심의 콘텐츠를 전달할 수 있는 메인 페이지를 구성하였습니다.

이원화된 메인 페이지 구성을 통해 코덱스 사이트를 찾은 고객에게는 상품 중심의 정보를, 삼성자산운용 사이트를 찾은 고객에게는 정보 중심의 콘텐츠를 전달할 수 있는 메인 페이지를 구성하였습니다.

쉽고 직관적인 메인 구성

이원화된 메인 페이지 구성을 통해 코덱스 사이트를 찾은 고객에게는 상품 중심의 정보를, 삼성자산운용 사이트를 찾은 고객에게는 정보 중심의 콘텐츠를 전달할 수 있는 메인 페이지를 구성하였습니다.

인피니티 스크롤의 스토리텔링 상품 페이지

인피니티 스크롤의 스토리텔링 상품 페이지

상품의 모든 정보를 한 페이지 내에서 보게 하는 인피티니 스크롤 방식의 페이지 구성으로 고객 편의성을 강화하고 상품의 특장점을 투자포인트로 3D 이미지와 함께 스토리텔링 하는 방식을 채택해 고객이 정보를 쉽게 찾고 투자까지 결정할 수 있도록 합니다.

상품의 모든 정보를 한 페이지 내에서 보게 하는 인피티니 스크롤 방식의 페이지 구성으로 고객 편의성을 강화하고 상품의 특장점을 투자포인트로 3D 이미지와 함께 스토리텔링 하는 방식을 채택해 고객이 정보를 쉽게 찾고 투자까지 결정할 수 있도록 합니다.

인피니티 스크롤의 스토리텔링
상품 페이지

상품의 모든 정보를 한 페이지 내에서 보게 하는 인피티니 스크롤 방식의 페이지 구성으로 고객 편의성을 강화하고 상품의 특장점을 투자포인트로 3D 이미지와 함께 스토리텔링 하는 방식을 채택해 고객이 정보를 쉽게 찾고 투자까지 결정할 수 있도록 합니다.

3D 아이콘과 컬러를 활용한
정보의 시각화

Animate 3D와 그래픽으로 상품/섹터별 아이콘을 시각화하고, 컬러를 통한 상품 그룹핑 등 삼성자산운용 만의 디자인 가이드를 통해 시각적인 효과를 극대화하였습니다. 이를 통해 사이트에서 제공하는 상품정보와 다양한 콘텐츠들을 쉽게 이해할 수 있도록 구현합니다.

3D 아이콘과 컬러를 활용한 정보의 시각화

3D 아이콘과 컬러를 활용한 정보의 시각화

Animate 3D와 그래픽으로 상품/섹터별 아이콘을 시각화하고, 컬러를 통한 상품 그룹핑 등 삼성자산운용 만의 디자인 가이드를 통해 시각적인 효과를 극대화하였습니다. 이를 통해 사이트에서 제공하는 상품정보와 다양한 콘텐츠들을 쉽게 이해할 수 있도록 구현합니다.

Animate 3D와 그래픽으로 상품/섹터별 아이콘을 시각화하고, 컬러를 통한 상품 그룹핑 등 삼성자산운용 만의 디자인 가이드를 통해 시각적인 효과를 극대화하였습니다. 이를 통해 사이트에서 제공하는 상품정보와 다양한 콘텐츠들을 쉽게 이해할 수 있도록 구현합니다.

인터랙티브한 브랜드 소개 페이지

기존 글과 이미지로만 구성되어 정적이었던 Kodex 소개 페이지를 스토리텔링 방식으로 동적인 모션과 인포그래픽을 통해 트렌디하고 인터랙티브한 페이지로 재구성하였습니다.

글로벌 상품을 한 눈에 확인하는
Global Kodex

글로벌 상품을 한 눈에 확인하는 Global Kodex

글로벌 상품을 한 눈에 확인하는 Global Kodex

WebGL 기법을 활용하여 구현된 지구본을 직접 돌려가면서 Kodex의 ETF 글로벌 상품을 확인할 수 있는 인터랙티브 페이지를 신설하였습니다.

WebGL 기법을 활용하여 구현된 지구본을 직접 돌려가면서 Kodex의 ETF 글로벌 상품을 확인할 수 있는 인터랙티브 페이지를 신설하였습니다.

맞춤 콘텐츠를 추천하는
투자 MBTI 테스트

맞춤 콘텐츠를 추천하는 투자 MBTI 테스트

고객의 투자성향을 파악하는 투자 MBTI 테스트를 통해 고객 맞춤 콘텐츠를 추천하는 시스템을 개발하였습니다.

고객의 투자성향을 파악하는 투자 MBTI 테스트를 통해 고객 맞춤 콘텐츠를 추천하는 시스템을 개발하였습니다.

튜토리얼 방식의 투자 가이드북 개편

Step by Step형식의 콘텐츠를 확인해 나가는 즐거움을 주는 튜토리얼 방식으로, ETF와 펀드 투자의 기초부터 심화까지 한 번에 확인할 수 있는
투자 가이드북 페이지를 개편하였습니다.

Step by Step형식의 콘텐츠를 확인해 나가는 즐거움을 주는 튜토리얼 방식으로, ETF와 펀드 투자의 기초부터 심화까지 한 번에 확인할 수 있는 투자 가이드북 페이지를 개편하였습니다.

Application · Mobile Platform · Global

롯데백화점 롯데백화점 모바일 앱 모바일 앱