김지나 성형외과 랜딩페이지 제작 포트폴리오

김지나 성형외과 랜딩페이지 반응형

검증된 성형외과 전문의 소개 플랫폼

메인 화면 기획 및 K-뷰티 메디컬 투어리즘 랜딩 구성

[메인 화면 기획]

글로벌 고객을 대상으로 한국 최고 수준의 성형 및 피부 미용 솔루션을 제공하는 브랜드 정체성을 담아, 감각적인 풀스크린 뷰티 비주얼과

'빛나는 순간의 가치'를 전하는 영문 슬로건을 첫 화면에 직관적으로 배치하도록 기획했습니다.

이어서 페이스 라인과 스킨 등 핵심 뷰티 서비스 영역을 아치형 비주얼 카드로 제시하고, 1:1 맞춤 상담부터 호텔, 전담 투어, 전문 시술로 이어지는

4단계 올인원 프로세스를 단계적으로 연결하여 원정 치료에 대한 심리적 장벽을 해소하도록 설계했습니다.

하단에는 실제 고객의 드라마틱한 전후 변화를 보여주는 비포&애프터 갤러리와 다이렉트 컨택 폼을 유기적으로 배치하여 상담 접점까지 자연스러운 동선을 완성했습니다.

메인 디자인 시스템 및 하이패션 뷰티 비주얼 아이덴티티

[메인 디자인]

소프트 샴페인 아이보리와 펄 그레이를 베이스 컬러로 설정하고 깊이감 있는 웜 차콜과

우아한 로즈 골드 톤을 조화롭게 매치하여 하이엔드 뷰티 매거진의 감성을 구현했습니다.

섬세하고 유려한 곡선의 'elle' 워드마크와 세련된 세리프·산세리프 타이포그래피를 적재적소에 혼용하여

럭셔리 에스테틱 브랜드만의 차별화된 품격과 신뢰감을 극대화했습니다.

모든 콘텐츠 블록에 부드러운 아치형 라운드 프레임과 여백 중심의 레이아웃을 일관되게 적용하여

정제된 조형미와 시각적 안정감을 선사하도록 디자인했습니다.

콘텐츠 디자인 및 올인원 케어 프로세스 정보 구조화

[콘텐츠 디자인]

단순 시술 나열을 지양하고 사용자가 직관적으로 원하는 부위를 탐색할 수 있도록

Face shape, Skin 등 부위별 큐레이션 카드 시스템으로 콘텐츠를 구조화했습니다.

해외 환자가 가장 중요하게 고려하는 입국 후 케어 여정을 STEP 1(1:1 맞춤 상담), STEP 2(호텔 연계),

STEP 3(투어 지원), STEP 4(전문 시술)의 4분할 스토리텔링 블록으로 명확하게 시각화했습니다.

슬라이드형 비포&애프터 비교 뷰어와 부위별 태그 시스템을 구축하여

실제 시술 효과에 대한 객관적 신뢰도를 직관적으로 전달하도록 구성했습니다.

웹사이트 UX/UI 최적화 및 풀페이지 원스크롤 인터랙션

[웹사이트 UX/UI]

각 섹션마다 화면 전체를 100vh 단위로 부드럽게 전환하는 풀페이지(Fullpage) 원스크롤 내비게이션을 적용하여

모바일과 PC 전반에서 잡지를 넘기듯 몰입감 있는 브라우징 경험을 구현했습니다.

상단 헤더는 스크롤 상태에서도 항상 접근 가능한 고정형 GNB로 유지하고 우측에는 인덱스 앵커 닷 네비게이터를 제공하여

원하는 서비스 위치로 손쉽게 이동하도록 동선을 최적화했습니다.

모바일 디바이스 환경에서는 터치 스와이프 제스처에 최적화된 반응형 모듈과

직관적인 문의 버튼을 전면에 배치하여 글로벌 방문자의 접근성을 극대화했습니다.