포트폴리오 목록으로
웹사이트 포트폴리오
쁘띠 클리닉 웹사이트
LUMIETTE CLINIC — 쁘띠 시술 클리닉 예약 웹사이트
보톡스·필러·스킨부스터·리프팅 등 쁘띠 시술 중심 클리닉의 예약 여정 전체가 동작하는 의료 데모입니다. 시술 선택 → 캘린더 날짜·시간 슬롯 → 예약자 정보 검증 → 접수 완료로 이어지는 예약 플로우가 핵심이며, 시술별 시간·마취·회복기간·가격대 안내, 의료진 소개, 후기 필터, FAQ 아코디언까지 담았습니다. 단정 표현을 배제한 절제된 의료 광고 톤과 범위형 가격 표기 등 병원 마케팅 실무 감각을 반영해, 실제 클리닉 사이트에 그대로 응용할 수 있는 구성입니다.
Next.jsReactTypeScriptTailwindCSSFramer Motion
인터랙티브 프로토타입
https://example.com
구현 기능
캘린더 예약 플로우
시술 선택 → 월간 캘린더·시간 슬롯 → 이름·연락처 검증 → 예약 접수 완료까지 4단계 플로우
시술 메뉴
보톡스·필러·스킨부스터·리프팅 4개 카테고리 탭, 시간·마취·회복·가격대 카드
시술 상세 패널
시술 부위·진행 순서·시술 후 안내를 담은 상세 패널에서 바로 예약으로 연결
의료진 소개
원장 프로필 카드 — 경력 리스트와 진료 철학, 클리닉 공간 무드 컷
후기·FAQ
별점·시술 카테고리 필터 후기와 실제로 여닫히는 FAQ 아코디언
의료 광고 톤 가드
단정 표현 배제, 범위형 가격 표기, 개인차 각주 등 의료 광고 심의 감각 반영
반응형
PC·모바일 각각에 최적화된 레이아웃과 예약 패널