모든 포트폴리오LUDGI / PROJECT ARCHIVE

제작 기록

오뷰티 피부과 · 프로그램 탐색 랜딩

진단 과정 소개와 시술 필터, 상담 경로를 블랙·퍼플 색조로 연결한 피부과 랜딩페이지입니다.

PROJECT SCOPE

  • 진단 소개 화면
  • 시술별 탐색
  • 상담 연결
  • 이벤트 구성

Next.js · React · TypeScript · Tailwind CSS

오뷰티 피부과 · 프로그램 탐색 랜딩 대표 제작 화면
대표 제작 화면제작 기록

SELECTED VIEWS

제작 노트

PROCESS & SCOPE

관심 있는 프로그램을 더 쉽게 찾도록.

피부 진단 과정과 시술 프로그램이 분리되지 않도록 정보의 흐름을 구성했습니다. 프로그램을 살펴본 뒤 상담 방법을 찾을 수 있게 했습니다.

딥퍼플과 핑크 계열의 강조색으로 화면의 중심을 구분했습니다. 시술 탭과 카드, 진단 소개, 이벤트 안내를 독립된 영역으로 구성하고 모바일 탐색에 맞췄습니다.

진단 소개 화면
피부 스캔 과정과 모공·탄력·색소 등 분석 항목을 시각적으로 소개했습니다.
시술별 탐색
리프팅·스킨부스터·피부관리·필러 등의 필터와 상세 카드 UI를 구성했습니다.
상담 연결
빠른 예약과 카카오 상담으로 이동하는 버튼을 주요 구간에 배치했습니다.
이벤트 구성
프로모션 카드와 관리자 수정 영역을 분리해 콘텐츠를 바꿀 수 있도록 설계했습니다.

LET’S CONNECT

이 작업에서 시작할 다음 이야기.

교육·콘텐츠 협업과 사업 제휴에 관한 이야기를 기다립니다.

이 사례에 관해 연락하기