아인동물의료센터 반응형 웹사이트 리뉴얼 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 아인동물의료센터 반응형 웹사이트 리뉴얼
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹)
메인 화면 기획 및 데이터 흐름
[메인 화면 기획]
실제 병원·반려동물 사진을 화면 가득 채워 정서적인 신뢰를 먼저 전달하고, 이후 화면은 사진 대신 카드와 표로 정보를 압축해 실용적인 흐름으로 넘어갑니다.
진료 분야는 아이콘 카드로 나열해 원하는 항목을 바로 찾을 수 있게 하고, 공지·진료시간·오시는 길을 한 화면에 모아 방문 전 필요한 정보를 스크롤 없이 확인하게 합니다.
전체적으로 우드·베이지 톤을 일관되게 써서, 정보량이 늘어나도 병원의 따뜻한 인상이 유지되도록 설계했습니다.
디자인 시스템
[디자인 가이드]
내 아이를 생각하며 만든 병원이라는 정서를 전달하기 위해, 따뜻한 우드·앰버 톤을
기본 색으로 하는 가이드를 세우고 전체 화면에 일관되게 적용했습니다.
메인 디자인 시스템
[메인 디자인]
실제 병원 사진, 반려동물 사진, 진료 센터 카드를 큰 화면 그대로 순서대로 쌓아,
한 화면 안에서 이야기가 이어지도록 구성했습니다.
콘텐츠 디자인 및 정보 구조
[콘텐츠 디자인]
서브 페이지별 핵심 화면을 큰 화면 그대로 순서대로 쌓아, 전체 스토리를
시원하게 훑을 수 있게 구성했습니다.
웹사이트 UXUI 최적화
[웹사이트 UXUI]
보호자가 원하는 정보를 바로 찾고, 필요할 때 상담으로 이어지도록 만든
인터랙션 디테일입니다.
