WARM
센터의 공간을 넓게 보여주며, 방문 전에도 편안한 분위기를 느낄 수 있도록 합니다.
HEALTHCARE WEBSITEGANGNAM HEARTSCAN CLINIC
HEARTSCAN
건강한 일상으로 향하는
첫 만남을 디자인하다.
강남하트스캔의원의 전문성과 편안함을 온라인에 담았습니다.
센터를 알아보는 순간부터 검진 프로그램 탐색과 예약 안내까지.
건강을 위한 다음 행동으로 자연스럽게 이어지는 홈페이지입니다.
THE START OF A HEALTHIER EVERYDAY신뢰를 담은 공간.
신뢰를 담은 공간.
안심으로 이어지는 경험.
WEBSITE.CO.KR × HEARTSCAN
H+
01 / PROJECT OVERVIEW
의료 정보는 명확하게.
첫인상은 편안하게.
건강검진 홈페이지는 의료기관의 첫인상을 전하는 공간이자, 검진을 준비하는 사람에게 필요한 정보를 안내하는 접점입니다. 웹사이트(WebSite.co.kr)는 강남하트스캔의원의 홈페이지를 제작하며 이 두 역할을 하나의 흐름으로 담았습니다.
센터 소개와 검진 프로그램, 예약 안내와 방문 정보를 연결하고, 실제 공간을 보여주는 이미지로 방문 전의 이해를 돕습니다.
- CLIENT
- 강남하트스캔의원
- 제작 웹에이전시
- 웹사이트(WebSite.co.kr)
- PROJECT
- 강남하트스캔의원 홈페이지 제작
- FOCUS
- 브랜드 경험 · 정보 탐색 · 예약 안내
02 / DESIGN CONCEPT
CARE BEGINS
WITH CLARITY.
복잡한 검진 정보에,
편안한 이해를 더하다.
따뜻한 공간 이미지와 여유 있는 화면 구성.
필요한 내용을 구분하는 명확한 정보의 위계.
의료기관의 신뢰감과 사용자 중심의 안내를 함께 담았습니다.
CLEAR
검진 종류와 준비 정보를 구분해, 목적에 맞는 내용을 차례로 살펴보게 합니다.
CONNECTED
예약 안내, 문진표, 프로그램, 위치를 주요 진입점으로 연결합니다.
WEBSITE DESIGN SHOWCASE
이미지를 넘어,
완성된 페이지를 보다.
상단 비주얼부터 정보의 배열, 버튼과 여백까지.
실제 제작한 홈페이지의 화면을 통해
하트스캔의 디자인과 이용 흐름을 보여드립니다.
개인종합검진
검진예약 안내
실제 운영 페이지의 고해상도 전체 화면 캡처
03 / VISUAL LANGUAGE
차분한 바탕 위에,
기억에 남는 포인트.
하트스캔 로고의 레드와 공간의 따뜻한 뉴트럴 톤.
포트폴리오는 두 인상을 연결해 구성했습니다.
큰 제목과 간결한 본문으로 화면에 호흡을 만듭니다.
HEART RED#DF2838
WARM CHARCOAL#292722
SPACE BEIGE#D7CBB9
SOFT WHITE#F5F3EF
TYPOGRAPHY / PRETENDARD건강을 향한 첫걸음.
A healthier tomorrow.
A healthier tomorrow.
포트폴리오에 적용한 컬러와 서체 구성입니다.
04 / MAIN EXPERIENCE
첫인상부터 다음 행동까지,
하나의 화면 흐름으로.
센터의 공간을 보여주는 첫 화면 아래로
검진 프로그램, 소식, 위치 안내가 이어집니다.
실제 메인 페이지의 정보 배치와 디자인을 확인하세요.
메인 페이지의 첫 화면부터 푸터까지 이어지는 전체 디자인입니다.
05 / INFORMATION JOURNEY
알아보고, 준비하고,
방문하는 흐름까지.
검진에 필요한 정보는 한 화면에서 끝나지 않습니다.
기관 소개부터 프로그램, 예약과 준비 안내까지.
이용 목적에 따라 필요한 페이지로 이어집니다.
센터를 알아보다.
인사말, 의료진 소개, 둘러보기로
의료기관에 대한 이해를 돕습니다.
검진을 살펴보다.
기업·개인·공단검진 등 목적별 안내와
검진 프로그램을 제공합니다.
방문을 준비하다.
예약 안내, 문진표 작성 안내,
검진 전 주의사항과 위치를 연결합니다.
PROGRAM CONTENTS나에게 필요한 검진을
나에게 필요한 검진을
찾아가는 시작점.
메인 화면에서 추천 프로그램을 먼저 소개하고,
세부 안내로 이어지는 흐름을 보여줍니다.
06 / INTRO & WAYFINDING
건강, 그 여정의 시작.
인트로는 센터 소개와 검진예약이라는 두 가지 목적을 제시합니다.
처음 방문한 사람도 다음 목적지를 고를 수 있는 간결한 시작 화면입니다.
강남하트스캔 건강검진센터
센터를 알아보는 첫 만남
검진예약
검진을 준비하는 다음 단계
운영 인트로의 두 가지 진입 경로를 재구성한 소개 화면
07 / MOBILE EXPERIENCE
작은 화면에 맞춘,
실제 모바일 디자인.
메뉴와 주요 안내는 간결하게,
콘텐츠는 세로 흐름에 맞춰 차례로.
운영 홈페이지를 모바일 크기에서 직접 캡처했습니다.
모바일 메인 · 검진예약 안내 실제 화면
SUBPAGE & MAIN DESIGN
각 페이지의 역할을,
디자인으로 명확하게.
둘러보기는 큰 이미지와 썸네일로 공간을 탐색하고,
메인은 프로그램과 주요 안내를 차례로 연결합니다.
콘텐츠에 맞춰 달라지는 실제 화면 구성을 담았습니다.
둘러보기
메인 페이지
하트스캔 실제 운영 홈페이지의 PC 화면
WEBSITE.CO.KR × HEARTSCAN
A CLEARER STEP.
A HEALTHIER LIFE.
건강을 위한 선택에, 명확한 길을 더합니다.
강남하트스캔의원 홈페이지 제작 프로젝트.
WEBSITE.CO.KR AI 상담
