관리의 불편함
기존 홈페이지를 관리하며 느꼈던 불편함이 리뉴얼의 출발점이 되었습니다.
MANAGEMENTSELECTED PROJECT / 2025WEBSITE RENEWAL
Samsung FinancialC-Lab Outside®
CONNECTING
THE NEXT.
THE NEXT.
FINANCE × STARTUP
A NEW POSSIBILITY
01 / OVERVIEW
보여주는 웹사이트에서,
운영까지 생각하는 웹사이트로.
2025년, 웹사이트(WebSite.co.kr)는 삼성금융 C-Lab Outside 홈페이지를 리뉴얼했습니다. 기존 홈페이지 관리의 불편함을 개선하고, 새로운 기능을 더하기 위한 프로젝트였습니다.
금융과 스타트업이 만나는 접점. 이번 제작 스토리는 프로그램의 가치를 전달하는 화면과 지속적인 운영을 고려한 리뉴얼의 배경을 함께 담습니다.
02 / THE STARTING POINT
변화의 시작은
운영의 불편함이었습니다.
새로운 기능의 필요
변화하는 서비스 요구에 맞춰 기능을 추가할 필요가 있었습니다.
FUNCTIONAL EXPANSION리뉴얼이라는 선택
관리 개선과 기능 추가를 함께 고려하며 홈페이지를 새롭게 정비했습니다.
WEBSITE RENEWALBetter to manage.
Ready for what’s next.
Ready for what’s next.
03 / VISUAL DIRECTION
신뢰는 단단하게.
가능성은 더 넓게.
도시의 스케일과 블루 톤, 서로 이어지는 빛의 흐름.
현재 사이트의 시각적 언어를 세 가지 관점으로 읽었습니다.
신뢰
깊이 있는 블루와 명확한 타이포그래피가 전달하는 금융 브랜드의 안정감.
연결
도시를 가로지르는 네트워크 이미지로 표현되는 금융과 스타트업의 접점.
가능성
프로그램 소개부터 도전과제 탐색으로 이어지는 새로운 협업의 기회.
04 / DIGITAL EXPERIENCE
첫 화면에서 시작되는
새로운 연결.
브랜드 메시지와 프로그램의 성격을
하나의 장면으로 전달합니다.
삼성생명 | 삼성화재 | 삼성카드 | 삼성증권 | 삼성벤처투자삼성금융
삼성금융
C-Lab Outside
미래를 향한 첫걸음, 삼성금융과 함께하세요
SCROLL TO EXPLORE ↓OPEN INNOVATION
함께 만드는 금융의 새로운 미래
삼성금융네트웍스와 스타트업의 개방형 협업 프로그램
MAIN VISUAL & PROGRAM OVERVIEW현재 운영 사이트를 참고한 화면 구성 예시
05 / CONTENT & FLOW
이해하고, 탐색하고,
도전을 준비하는 흐름.
프로그램을 알아보는 첫 방문부터
관심 있는 과제를 찾는 순간까지.
프로그램 이해 01→혜택·일정 확인 02→도전과제 탐색 03→지원방법 확인 04
PROGRAM BENEFITS협업의 가치를
협업의 가치를
한눈에.
공동개발, 시상금, 임직원과의 협업, 후속사업과 투자 검토. 프로그램이 제공하는 기회를 이미지와 짧은 설명으로 전달합니다.
새로운 사업모델의 가능성
CO-DEVELOPMENT
함께 만드는 성장의 기회
COLLABORATIONCHALLENGE EXPLORER우리의 기술이 만날
우리의 기술이 만날
다음 도전은?
금융사별 도전과제를 분류해
관심 분야를 탐색하는 구조입니다.
영업지원 01
AI 02
데이터 03
헬스케어 04
06 / RESPONSIVE STORY
어떤 화면에서도,
하나의 이야기.
핵심 메시지는 선명하게,
정보의 흐름은 자연스럽게.
작은 화면에서의 경험도 함께 담았습니다.
현재 콘텐츠를 활용한 모바일 연출 시안입니다.
9:41 ••• ▰
삼성금융
C-Lab Outside
미래를 향한 첫걸음,
삼성금융과 함께하세요
ABOUT THE PROGRAM가능성을 만나고,
가능성을 만나고,
미래를 함께 만들다.
금융과 스타트업의
개방형 협업 프로그램
9:41 ••• ▰
FIND YOUR CHALLENGE새로운 도전을
새로운 도전을
시작하세요.
삼성생명 삼성화재
영업지원 ↗
AI ↗
데이터 ↗
헬스케어 ↗
새로운 아이디어,
더 큰 가능성.
삼성금융 C-Lab Outside
더 큰 가능성.
삼성금융 C-Lab Outside
07 / PORTFOLIO DESIGN SYSTEM
차분한 신뢰와
선명한 에너지.
이 제작 스토리를 위한 컬러와 타이포그래피.
화이트의 여백 위에 네이비와 블루로 깊이를 더합니다.
Deep Navy#102450
Connection Blue#2159ED
Cool Gray#EAF0F8
Pure White#FFFFFF
Pretendard
KOREAN & LATIN
KOREAN & LATIN
연결의 시작, 가능성의 확장.
Connecting possibilities.Regular / Medium / Bold본 페이지는 2025년 리뉴얼 프로젝트의 포트폴리오 시안입니다. 이미지와 콘텐츠는 현재 운영 사이트를 참고했으며, 화면 목업은 소개 목적에 맞게 재구성했습니다. 2025년 납품 당시 화면과는 다를 수 있습니다.
WEBSITE.CO.KR AI 상담
