옥길아라동물의료센터 반응형 동물병원 홈페이지제작 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
메인 화면 기획 및 진료 신뢰 중심 랜딩 구성
[메인 화면 기획]
보호자와 반려견이 손을 맞대는 메인 비주얼에 '정확한 진단, 꼼꼼한 치료'라는 핵심 메시지를 더해,
아이를 가족처럼 대하는 병원의 진료 철학을 첫 화면에서 전달하도록 기획했습니다.
이어서 외과·내과 심화·영상의학·고양이친화병원 4개 특화진료, 영상진단 전공 대표원장의 의료진 소개, 병원 소식 순으로 전문성의 근거를 쌓고,
365일 24시간 진료 안내와 오시는 길로 마무리해 내원 결정까지 자연스럽게 이어지도록 구성했습니다.
메인 디자인 시스템


[메인 디자인]
로고 속 고양이·강아지 심볼의 차분한 틸 그레이를 포인트 컬러로,
웜 브라운 그레이를 텍스트 컬러로 사용해 의료기관의 신뢰감과 반려동물 병원의 따뜻함을 함께 담았습니다.
히어로 하단의 부드러운 곡선, 한쪽 모서리만 크게 둥글린 이미지 박스, 알약 형태의 탭 버튼으로 형태 언어를 통일했고,
강아지·고양이 사진의 따뜻한 색감이 차분한 컬러 위에서 돋보이도록 섹션마다 여백을 넉넉히 두어 편안하고 정돈된 인상을 완성했습니다.
콘텐츠 디자인 및 정보 구조


[콘텐츠 디자인]
치료사례를 강아지와 고양이로 나눠 질환별 페이지로 구성하고,
각 페이지를 질환 정의, 실제 진료사례(나이·품종·진단·치료 과정·사진), 블로그 연결 순으로 통일해
보호자가 내 아이와 비슷한 사례를 쉽게 찾아 읽도록 했습니다.
특화진료는 외과의 세부 진료 분야를 겹친 원형으로 보여주고,
고양이친화병원은 인증 설명과 전용 시설 사진을 함께 배치해
진료 과목마다 신뢰의 근거를 텍스트보다 이미지 중심으로 한눈에 정리했습니다.
웹사이트 UX/UI 최적화


[웹사이트 UX/UI]
GNB에서 강아지 치료사례와 고양이 치료사례를 별도 메뉴로 분리해
보호자가 반려동물 종과 질환에 맞는 정보로 한 번에 이동하도록 동선을 설계했습니다.
화면 우측에 전화문의·카카오상담·상담요청 퀵메뉴를 고정하고,
메인 하단과 푸터에 '365일 24시간 진료'와 대표번호를 반복 노출해 응급 상황에서도 즉시 연락할 수 있게 했으며,
특화진료·의료진 영역은 탭 전환으로 한 화면 안에서 정보를 비교하도록 구성했습니다.


