모든 포트폴리오LUDGI / PROJECT ARCHIVE

제작 기록

뷰티영 피부과 · 시술 안내 랜딩

시술 카테고리, 의료진 소개와 자주 묻는 질문을 상담 경로에 연결한 피부과 랜딩페이지입니다.

PROJECT SCOPE

  • 시술 카테고리
  • 안내 콘텐츠
  • 여러 상담 경로
  • 콘텐츠 운영

Next.js · React · TypeScript · Tailwind CSS

뷰티영 피부과 · 시술 안내 랜딩 대표 제작 화면
대표 제작 화면제작 기록

SELECTED VIEWS

제작 노트

PROCESS & SCOPE

궁금한 시술부터 상담 방법까지.

방문자가 관심 있는 시술을 찾고 기본 정보를 읽은 뒤 원하는 방법으로 문의할 수 있도록 탐색 순서를 구성했습니다.

아이보리·베이지·로즈브라운을 바탕으로 사진과 안내 문구 사이에 여백을 두었습니다. 탭형 시술 필터, FAQ와 상담 접점을 모바일에서도 사용할 수 있게 정리했습니다.

시술 카테고리
리프팅·피부관리·스킨부스터·색소 등의 탭을 선택하면 해당 정보를 보여주도록 구성했습니다.
안내 콘텐츠
의료진 소개, 공간 이미지와 FAQ를 별도 섹션으로 정리했습니다.
여러 상담 경로
전화·카카오·온라인 예약 연결과 입력 항목을 줄인 상담 폼을 배치했습니다.
콘텐츠 운영
이벤트·FAQ·가격 정보 영역을 분리하고 이미지 지연 로딩을 적용했습니다.

LET’S CONNECT

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

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

이 사례에 관해 연락하기