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