아인동물의료센터 반응형 홈페이지 리뉴얼

PORTFOLIO

다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.

Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.

PORTFOLIO

아인동물의료센터 반응형 웹사이트 리뉴얼 2026/07

[메인 화면 기획]

메인 화면 기획 및 데이터 흐름

아인동물의료센터 메인 화면 기획으로 병원 사진과 반려동물 이미지 상단 배치 후 진료 정보 카드 레이아웃

실제 병원·반려동물 사진을 화면 가득 채워 정서적인 신뢰를 먼저 전달하고,

이후 화면은 사진 대신 카드와 표로 정보를 압축해 실용적인 흐름으로 넘어갑니다.

진료 분야는 아이콘 카드로 나열해 원하는 항목을 바로 찾을 수 있게 하고,

공지·진료시간·오시는 길을 한 화면에 모아 방문 전 필요한 정보를 스크롤 없이 확인하게 합니다.

전체적으로 우드·베이지 톤을 일관되게 써서, 정보량이 늘어나도 병원의 따뜻한 인상이 유지되도록 설계했습니다.

[디자인 가이드]

디자인 시스템

따뜻한 우드·앰버 톤 컬러를 사용한 아인동물의료센터 디자인 가이드 팔레트

내 아이를 생각하며 만든 병원이라는 정서를 전달하기 위해, 따뜻한 우드·앰버 톤을

기본 색으로 하는 가이드를 세우고 전체 화면에 일관되게 적용했습니다.

[메인 디자인]

메인 디자인 시스템

병원 사진과 반려동물 사진, 진료 센터 카드를 순서대로 구성한 메인 페이지 디자인

실제 병원 사진, 반려동물 사진, 진료 센터 카드를 큰 화면 그대로 순서대로 쌓아,

한 화면 안에서 이야기가 이어지도록 구성했습니다.

병원에 대한 핵심 정보들을 순서대로 나열하여 신뢰성을 높이고,

정보 확인에서 발생하는 피로를 최소화 하였습니다.

[콘텐츠 디자인]

콘텐츠 디자인 및 정보 구조

각 서브 페이지별 핵심 화면을 스토리 흐름에 맞게 구성한 콘텐츠 디자인 레이아웃

서브 페이지별 핵심 화면을 큰 화면 그대로 순서대로 쌓아,

전체 스토리를 시원하게 훑을 수 있게 구성했습니다.

이미지를 최대한 활용하여 정보를 보다 직관적으로 얻을 수 있도록 하였습니다.

[웹사이트 UXUI]

웹사이트 UXUI 최적화

반려동물 보호자의 정보 검색과 상담 연결을 위한 웹사이트 상호작용 인터페이스 상세

정밀하고 안전한 동물 진료의 특성을 반영하여, 빠른 상담 및

안내를 확인할 수 있는 직관적인 접점 영역을 확보했습니다. 상단 네비게이션(GNB)은 병원 소개, 진료과목, 의료진, 영상진단센터 등

목적이 뚜렷한 메뉴로 직관적이고 플랫하게 구성했습니다. 반려동물과 의료진의 따뜻한 교감을 상징하는 비주얼 요소를 메인에 배치하여,

전문적이고 신뢰도 높은 동물 의료 브랜드의 깊이를 시각적으로 전달했습니다. 색상 측면에서는 차분하고 신뢰감을 주는 브라운 및 뉴트럴 톤 컬러 팔레트를 활용해,

병원의 안정성과 편안한 분위기를 강조했습니다.