PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

성형외과, 피부과, 치과, 한의원 등 다양한 의료기관의
성공적인 웹사이트 구축 사례를 확인해 보세요.

PORTFOLIO

에스앤유피부과

개발분야 : Responsible website(반응형웹)
에스앤유피부과_반응형_시큐어코딩 2024/01
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼
에스앤유피부과_ 반응형_ 시큐어코딩 홈페이지제작


메인 화면 기획 및 전문 센터 중심 랜딩 구성

[메인 화면 기획]

혈관센터·색소모반센터·피부미용센터로 나뉜 전문 진료 체계를 첫 화면 슬라이드에서 바로 보여주고,

'세월을 거스를 수 있는 피부리프팅' 같은 센터별 메시지로 방문 목적에 맞는 진료를 먼저 제시하도록 기획했습니다.

이어서 리프팅·흉터·오타모반·혈관종 등 8개 주요 클리닉을 대표 사진 카드로 정리하고,

병원 소식과 센터별 진료시간·지도 순으로 배치해 진료 확인부터 내원까지 자연스럽게 이어지도록 구성했습니다.





메인디자인
마포공덕 에스앤유피부과 의료진과 진료실 내부 모습


[메인 디자인]

네이비 블루를 메인 컬러로, 로고의 골드를 포인트 컬러로 사용하고 은은한 마블 텍스처 배경을 더해,

의학적 신뢰감과 피부과다운 고급스러움을 함께 담았습니다.

자간을 넓힌 영문 세리프 라벨과 굵기 대비가 큰 국문 타이틀로 정돈된 타이포 위계를 만들고,

깨끗한 피부의 인물 비주얼과 연한 블루 톤으로 차분하고 세련된 비주얼 톤을 완성했습니다.




컨텐츠디자인
에스앤유피부과 웹사이트 메인 화면 레이아웃
[콘텐츠 디자인]

혈관종·화염상모반·오타모반처럼 정보가 많은 질환은 증상 및 원인, 치료 시기, 치료 방법, 경과 및 주의사항 순으로 정리하고,

개월별 경과와 치료 전후 사진을 단계적으로 배치해 보호자가 치료 필요성을 판단하는 데 참고할 수 있도록 구성했습니다.

피부미용 시술은 인모드·올리지오·슈링크 등 장비별 원리 설명과 함께

적응증·마취·시술 시간·시술 간격을 아이콘 정보 박스로 통일해, 여러 시술을 같은 기준으로 쉽게 비교할 수 있게 설계했습니다.







웹사이트 UX/UI 최적화
피부과 진료 과목 및 치료 정보 안내 페이지

[웹사이트 UX/UI]

GNB 하위 메뉴에 센터별 질환과 시술을 모두 노출하고 각 항목을 페이지 내 탭으로 바로 연결해,

수십 가지 진료 항목 중 필요한 정보로 한 번에 이동할 수 있도록 했습니다.

상담·온라인 예약·예약 확인·수면마취 대기 신청·의료비 영수증 신청까지 상담/예약 메뉴에 모아 내원 전후 업무를 한곳에서 처리할 수 있도록 하고,

메인 하단에 두 센터의 대표번호와 진료시간을 구분하여 표기해 문의 동선을 명확히 했습니다.

병원 홈페이지 제작 포트폴리오 목록으로 돌아가기 버튼
이전 병원 포트폴리오 프로젝트 보기 버튼 다음 병원 포트폴리오 프로젝트 보기 버튼
상단으로 상단으로

상담요청

전문보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →