에스앤유피부과 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
에스앤유피부과
개발분야 : Responsible website(반응형웹)
에스앤유피부과 2024/01
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기
에스앤유피부과_ 반응형_ 시큐어코딩 홈페이지제작


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

[메인 화면 기획]

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

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

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

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





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


[메인 디자인]

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

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

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

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




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

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

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

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

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







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

[웹사이트 UX/UI]

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

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

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

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

비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →