닥터지니성형외과 반응형 성형외과 홈페이지제작 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
메인 화면 기획 및 전문성 중심 랜딩 구성
[메인 화면 기획]
미용보다 치료에 집중하는 성형외과라는 점을 정체성으로 삼아, 수술에 몰두한 의료진의 모습을 메인 비주얼에 두고
'치료가 필요할 때, 닥터지니를 다시 찾을 이유가 있도록'이라는 메시지로 첫 화면을 기획했습니다.
이어서 흉터·모반·수부의 3가지 진료과목, 성형외과 전문의이자 수부외과 세부전문의인 원장 이력, 병원 시설, 오시는길 순으로 구성해
전문성에 대한 신뢰가 상담으로 자연스럽게 이어지도록 했습니다.
메인디자인

[메인 디자인]
병원이 주는 차가운 인상을 덜어 내기 위해 웜 베이지와 그레이지를 바탕색으로,
깊은 토프 브라운을 무게 중심으로 삼아 차분하고 따뜻한 톤을 만들었습니다.
'Dr.GENIE'와 섹션 영문 타이틀에 세리프체를 써서 클리닉의 품격을 더했고,
진료과목 사진을 크기와 높이가 다르게 엇갈려 배치해 정적인 정보 화면에도 리듬감을 주었습니다.
콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]
흉터치료, 모반수술, 양성종양, 수부질환, 외상 및 화상으로 대메뉴를 나누고,
상단 탭으로 세부 치료를 바로 오갈 수 있게 정보 구조를 정리했습니다.
서브페이지는 시술 장면 사진과 설명을 좌우로 번갈아 배치하고 베이지 면을 겹쳐 읽는 흐름을 만들었으며,
치료 후 처치과정은 Step 01~03 카드로 나눠 환자가 회복 과정을 한눈에 이해할 수 있도록 구성했습니다.
웹사이트 UX/UI 최적화

[웹사이트 UX/UI]
화면 오른쪽에 카카오 채널과 네이버 블로그 플로팅 버튼을 고정해
어느 페이지에서든 바로 상담으로 이어질 수 있도록 했습니다.
진료 서브페이지 하단에는 상담 전화, 진료시간, 지도와 지하철·버스·주차 교통안내를 함께 배치해
정보를 확인한 뒤 곧바로 방문을 준비할 수 있게 동선을 설계했습니다.


