홈페이지
모바일
랜딩페이지
디자인
진행중인 프로젝트아인동물의료센터 반응형 웹사이트 리뉴얼
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹)
[메인 화면 기획]
메인 화면 기획 및 데이터 흐름
실제 병원·반려동물 사진을 화면 가득 채워 정서적인 신뢰를 먼저 전달하고,
이후 화면은 사진 대신 카드와 표로 정보를 압축해 실용적인 흐름으로 넘어갑니다.
진료 분야는 아이콘 카드로 나열해 원하는 항목을 바로 찾을 수 있게 하고,
공지·진료시간·오시는 길을 한 화면에 모아 방문 전 필요한 정보를 스크롤 없이 확인하게 합니다.
전체적으로 우드·베이지 톤을 일관되게 써서, 정보량이 늘어나도 병원의 따뜻한 인상이 유지되도록 설계했습니다.
[디자인 가이드]
디자인 시스템
내 아이를 생각하며 만든 병원이라는 정서를 전달하기 위해, 따뜻한 우드·앰버 톤을
기본 색으로 하는 가이드를 세우고 전체 화면에 일관되게 적용했습니다.
[메인 디자인]
메인 디자인 시스템
실제 병원 사진, 반려동물 사진, 진료 센터 카드를 큰 화면 그대로 순서대로 쌓아,
한 화면 안에서 이야기가 이어지도록 구성했습니다.
병원에 대한 핵심 정보들을 순서대로 나열하여 신뢰성을 높이고,
정보 확인에서 발생하는 피로를 최소화 하였습니다.
[콘텐츠 디자인]
콘텐츠 디자인 및 정보 구조
서브 페이지별 핵심 화면을 큰 화면 그대로 순서대로 쌓아,
전체 스토리를 시원하게 훑을 수 있게 구성했습니다.
이미지를 최대한 활용하여 정보를 보다 직관적으로 얻을 수 있도록 하였습니다.
[웹사이트 UXUI]
웹사이트 UXUI 최적화
정밀하고 안전한 동물 진료의 특성을 반영하여, 빠른 상담 및
안내를 확인할 수 있는 직관적인 접점 영역을 확보했습니다. 상단 네비게이션(GNB)은 병원 소개, 진료과목, 의료진, 영상진단센터 등
목적이 뚜렷한 메뉴로 직관적이고 플랫하게 구성했습니다.
반려동물과 의료진의 따뜻한 교감을 상징하는 비주얼 요소를 메인에 배치하여,
전문적이고 신뢰도 높은 동물 의료 브랜드의 깊이를 시각적으로 전달했습니다. 색상 측면에서는 차분하고 신뢰감을 주는 브라운 및 뉴트럴 톤 컬러 팔레트를 활용해,
병원의 안정성과 편안한 분위기를 강조했습니다.
상담요청
