이오클리닉 반응형 성형외과 홈페이지제작 포트폴리오

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


이오클리닉 반응형 성형외과 홈페이지

메인 화면 기획 및 철학 중심 랜딩 구성

이오클리닉 성형외과 홈페이지 반응형 디자인 메인 화면

[메인 화면 기획]

'올바른 아름다움을 만드는 곳'이라는 병원의 철학을 브랜드의 중심에 두고,

첫 화면을 모델 비주얼과 'EO Face and Body Clinic' 문구만으로 절제해 비수술 전문 클리닉의 품격을 먼저 전달하도록 기획했습니다.

이어서 EO Signature 대표 시술, 이벤트, 칼럼·언론보도를 담은 EO Story, 진료시간과 오시는 길 순으로 배치해

병원의 차별점을 이해한 뒤 자연스럽게 상담으로 이어지도록 구성했습니다.








콘텐츠 디자인 및 정보 구조
이오클리닉 전문 진료 시그니처 메뉴 구성 소개

[콘텐츠 디자인]

시그니처, 리프팅, 쁘띠성형, 피부교정, 바디, 줄기세포로 나뉜 방대한 시술을 카테고리별로 정리하고,

각 서브페이지를 영문 소제목과 한글 타이틀, 원형 이미지와 소개글로 시작하는 동일한 틀로 구성했습니다.

시술 특징은 블루 그린·네이비 원형 다이어그램으로, 장점은 01~04 번호 카드로, 시술 대상은 체크리스트로 나눠

긴 설명도 단계적으로 읽히도록 정리했으며, 의료진 페이지는 원장별 프로필과 진료 사진으로 신뢰도를 높였습니다.








웹사이트 UX/UI 최적화
이오클리닉 반응형 웹사이트 디자인 특징
[웹사이트 UX/UI]
좌측에 고정된 세로형 내비게이션에 전체 메뉴와 다국어 선택, 비용 문의·카카오톡 상담·전화 문의 버튼을 함께 배치해
어느 페이지에서든 한 번에 상담으로 이동할 수 있도록 했습니다.
비용 문의는 성함과 연락처만 남기는 간단한 팝업 폼으로 구성해 진입 장벽을 낮췄고,
히어로의 회전하는 'EO Clinic' 스크롤 배지와 이벤트·스토리 슬라이더로 넘겨 보는 재미를 더했습니다.



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