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

메인 화면 기획 및 후기 신뢰 중심 랜딩 구성

[메인 화면 기획]

'후기가 증명하는 바나나성형외과'라는 브랜드 슬로건처럼 실제 결과로 신뢰를 얻는 것을 핵심으로 삼아,

첫 화면에 코·남자·가슴성형 등 대표 수술별 비주얼 슬라이드를 배치하고

하단에 빠른 상담 문의 바를 고정해 관심이 생긴 순간 바로 상담할 수 있도록 기획했습니다.

이어서 BEST SURGERY, 진행 중인 특가 이벤트, 수술 전후사진과 리얼 후기, 바나나TV, 병원 정보 순으로 구성해

관심 수술 탐색부터 결과 확인, 상담 신청까지 자연스럽게 이어지도록 정리했습니다.

[메인 디자인]

로고 스마일 마크의 비비드 옐로를 포인트 컬러로, 웜 베이지와 화이트를 베이스로 삼아

밝고 친근하면서도 세련된 성형외과의 인상을 만들었습니다.

'비율과 각도', '후기'처럼 핵심 키워드에만 옐로 손글씨 서체를 얹어 감성적인 포인트를 주었고,

상담신청 버튼과 슬라이드 인디케이터에도 같은 옐로를 반복해 시선을 모았으며,

섹션 제목은 굵은 영문 타이틀(BEST SURGERY, NOW EVENT, REAL REVIEW)과 한글 설명을 짝지어 정돈된 리듬을 유지했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

코·눈·가슴·안면윤곽·남자성형 등 10개 진료 카테고리를 GNB에 나열하고,

각 수술 페이지는 대표 비주얼과 메시지로 시작해 수술 전 체크리스트, 단계별 선택 과정, 정밀검사 장비, 전후사진 순으로 구성했습니다.

특히 코성형은 라인 선택, 보형물 종류, 사용 조직, 필요한 수술 옵션을 01~04 단계 카드로 나눠 환자가 상담 전에 스스로 이해할 수 있게 했고,

병원소개는 '바나나의 약속' 세 가지를 사진과 번갈아 배치하고 의료진·병원시설·오시는 길을 탭으로 묶어 신뢰 정보를 한 페이지에 정리했습니다.

웹사이트 UX/UI 최적화
 

[웹사이트 UX/UI]

화면 오른쪽에 카카오상담·인스타그램·네이버예약·유튜브 원형 퀵메뉴를 고정하고,

하단에는 이름·연락처·희망 상담만 입력하는 빠른 상담 문의 바를 두어 어느 화면에서든 한 번에 상담을 신청할 수 있도록 했습니다.

전후사진은 BEFORE/AFTER 라벨을 붙인 비교 카드로, 이벤트는 기간과 해시태그를 담은 카드 슬라이드로 구성해 정보를 빠르게 훑어볼 수 있게 했으며,

한국어·영어·일본어 다국어 전환과 모바일 반응형을 지원해 해외 고객과 모바일 사용자도 불편 없이 이용하도록 최적화했습니다.