시선을 잡는 첫인상
실제 자산 이미지와 큰 제목을 조합해 브랜드의 규모감과 방향을 전달합니다.
코람코라이프인프라리츠 웹사이트 제작
KORAMCO
LIFE INFRA.Digital experience
일상의 인프라를,
디지털 신뢰로 연결하다.
트렌디한 비주얼과 섬세한 인터랙션.
브랜드의 신뢰와 정보의 명료함을 함께 담은
코람코라이프인프라리츠 웹사이트입니다.
BRAND EXPERIENCE · UI/UX · RESPONSIVE WEBSCROLL TO EXPLORE ↓
01 / MAIN EXPERIENCE실제 메인 페이지 첫 화면
PROJECT OVERVIEW
브랜드는 선명하게.
정보는 명료하게.
다양한 생활 인프라 자산을 소개하는 기업 사이트는 브랜드의 인상과 정보의 이해도를 함께 고려해야 합니다.
트렌디한 콘셉트 아래 타이포그래피, 이미지의 크기, 여백까지 세심하게 조율했습니다. 수치가 변하는 콘텐츠에는 카운트 모션을 적용해 정보에 시선을 모으고, 기업의 신뢰를 완성도 높은 화면으로 표현했습니다.
DESIGN DIRECTION
LIFE CONNECTED.
VALUE PRESENTED.
삶에 가까운 자산, 이해하기 쉬운 정보.
레드 포인트와 여백으로 하나의 브랜드 경험을 이어갑니다.
읽히는 정보 구조
복잡한 자산 정보는 시각화하고, 핵심 설명은 구분해 읽는 순서를 만듭니다.
이어지는 디자인 언어
레드 컬러, 제목의 위계, 간결한 메뉴 체계를 여러 페이지에 일관되게 적용합니다.
MOTION EXPERIENCE / COUNT UP
숫자가 움직이면,
정보에 시선이 모입니다.
변화하는 수치는 카운트 모션으로 표현했습니다. 화면에 진입하는 순간 숫자가 차오르며, 복잡한 설명 없이도 핵심 지표를 자연스럽게 읽도록 이끕니다.
총 운용자산 · AUM1.28조 원
순자산 가치 · NAV6,681억 원
배당 수익률8%
원본 홈페이지의 제9기(2024.11.30) 기준 수치로 구성한 모션 재현입니다. 현재 수치나 웹사이트 제작 성과를 뜻하지 않습니다.
BRAND IN DETAIL
공간의 이미지를 넘어,
기업의 방향을 보여주다.
기업 소개에서는 이미지와 설명을 함께 배치해 브랜드가 지향하는 생활 인프라의 의미를 전달합니다. 넓은 여백과 명확한 제목으로 긴 콘텐츠에도 읽는 호흡을 더했습니다.
02 / CORPORATE IDENTITY기업 소개 페이지 일부
PAGE DESIGN
다양한 자산과 투자 정보,
한눈에 이해되는 구조로.
자산 현황은 차트와 지도로, 투자 포인트는 주제별 카드로 정리했습니다. 서로 다른 정보의 성격에 맞춰 화면을 구성하면서 공통된 디자인 기준을 유지합니다.
03 / PORTFOLIO
자산을 한눈에 보는 시각화
현황과 구성을 차트·지도·표로 나누어 전달합니다.
투자 자산 개요 · 전체 페이지 캡처
04 / INVESTMENT POINT
핵심을 구분하는 정보의 위계
번호와 제목, 설명의 대비로 읽는 순서를 만듭니다.
투자 포인트 · 전체 페이지 캡처
INFORMATION EXPERIENCE
찾기 쉽고,
읽기 편하게.
IR 자료는 검색과 목록 중심으로 구성했습니다. 제목과 날짜를 명확하게 구분하고, 반복되는 목록의 간격을 정리해 자료를 살펴보기 편하도록 디자인했습니다.
05 / IR MATERIALSRESPONSIVE EXPERIENCE
작은 화면에서도,
같은 브랜드 경험.
모바일에서는 메뉴를 간결하게 정리하고 콘텐츠를 세로 흐름으로 재배치했습니다. 브랜드의 인상은 유지하면서, 자산 정보까지 차례로 살펴볼 수 있습니다.
06 / MOBILE WEB
실제 모바일 페이지 첫 화면
실제 모바일 페이지 첫 화면
DESIGN SYSTEM
선명한 대비,
섬세한 균형.
정돈된 산세리프 서체와 충분한 여백, 레드 포인트로 기업의 인상을 이어갑니다. 큰 제목부터 작은 정보까지 서로 다른 위계를 부여해 읽기 편한 화면을 구성했습니다.
TYPOGRAPHY / PORTFOLIO
Aa 가나다
우리의 삶에 더 가까이
Life, connected.
POINT RED#D92235
CHARCOAL#202023
WARM WHITE#F6F5F2
제작 히스토리 페이지의 타이포그래피와 컬러 구성
A COHERENT DIGITAL EXPERIENCE.
WEBSITE.CO.KR AI 상담
