이오클리닉 반응형 성형외과 홈페이지제작 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 이오클리닉 반응형 성형외과 홈페이지제작
- 개발분야 : Responsible website(반응형웹) / LandingPage(랜딩페이지)
일본어 랜딩페이지 기획 및 상담 전환 중심 구성
[랜딩페이지 기획]
한국을 찾는 일본인 고객이 짧은 시간 안에 병원을 파악하고 예약까지 결정할 수 있도록,
일본어 페이지를 한 화면으로 이어지는 원페이지 랜딩으로 기획했습니다.
シグネチャーメニュー, Before & After写真, 理念とミッション, 専任院長紹介, アクセス 순으로
대표 시술부터 결과 사진, 병원 철학, 원장 이력, 오시는 길까지 신뢰의 근거를 차례로 쌓았고,
상단 앵커 메뉴로 원하는 정보에 바로 이동하게 하며 마지막에 LINE·KakaoTalk·WeChat 상담 버튼을 모아
예약 문의로 자연스럽게 이어지도록 구성했습니다.
메인 디자인 시스템
[메인 디자인]
첫 화면에 대표원장의 인물 사진과 'EO Face and Body Clinic' 대형 문구를 배치해
의료진이 직접 책임지는 클리닉이라는 인상을 먼저 전달했습니다.
이어지는 더스티 티얼 밴드에 EO 로고의 원형 라인을 워터마크로 얹어 브랜드 아이덴티티를 이어갔고,
시그니처 시술은 큰 정사각 사진과 번호가 붙은 일본어 타이틀을 나란히 둔 페이드 슬라이드로,
병원 철학은 라인 아이콘 그리드로 정리해 차분하고 고급스러운 톤을 유지했습니다.
반응형 웹 최적화
[반응형 웹]
해외 고객 대부분이 모바일로 접속하는 점을 고려해 모바일 헤더에
전화·LINE·언어 전환 아이콘을 항상 노출하고, 전체 메뉴는 햄버거 버튼으로 정리했습니다.
시그니처 슬라이드는 사진 아래로 설명이 이어지는 세로형으로,
이념 그리드와 Before & After는 2열로 재배치해 작은 화면에서도 가독성을 유지했으며,
アクセス 영역의 메신저 버튼은 화면 폭 전체로 키워 엄지 하나로 바로 상담을 시작할 수 있도록 최적화했습니다.
