모든 포트폴리오LUDGI / PROJECT ARCHIVE

제작 기록

클리오성형외과 · 진료 안내 랜딩

진료 항목과 의료진·시설 안내를 상담 동선으로 연결한 성형외과 랜딩페이지입니다.

PROJECT SCOPE

  • 브랜드와 진료 항목
  • 병원 소개
  • 상담 이동
  • 반응형 구성

Next.js · Tailwind CSS · SCSS · Radix UI

클리오성형외과 · 진료 안내 랜딩 대표 제작 화면
대표 제작 화면제작 기록

SELECTED VIEWS

제작 노트

PROCESS & SCOPE

진료의 정보를 알아보기 쉬운 순서로.

가슴성형·눈 재수술·거상·리프팅 등 여러 진료 항목을 구분하고, 방문자가 원하는 정보를 확인한 뒤 상담으로 이동하도록 구성했습니다.

핑크·베이지 색조에 사진과 여백을 중심으로 화면을 설계했습니다. 첫 화면에서 진료 항목과 병원 안내로 이어지는 순서를 만들고, 스크롤 중에도 상담 접점에 접근할 수 있게 했습니다.

브랜드와 진료 항목
메인 비주얼 아래에 진료별 카드와 안내 정보를 배치했습니다.
병원 소개
의료진·시설·사후 관리에 관한 안내 영역을 구성했습니다.
상담 이동
고정 예약 버튼과 퀵 메뉴에서 전화·카카오·예약으로 연결했습니다.
반응형 구성
이미지 중심의 화면을 모바일과 태블릿에 맞추고 섹션별 컴포넌트로 분리했습니다.

LET’S CONNECT

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

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

이 사례에 관해 연락하기