📌 SOOM SKIN CLINIC - 피부 클리닉 웹사이트
🔹 프로젝트 개요
🔹 프로젝트 목적
SOOM은 미국 LA 코리아타운 윌셔 대로 뒤 조용한 건물에 있는 의사 주도 피부 클리닉입니다. 이 시장의 클리닉 사이트는 대개 할인·카운트다운·빽빽한 배너로 소리를 높이는데, 이 사이트는 반대로 맥박을 낮추고 예약 전에 신뢰부터 얻도록 만들었습니다. 모든 시술은 소요 시간·회복 기간·시작 가격을 처음부터 보여 주고, 결과는 같은 빛·같은 각도로 찍은 사진을 방문자가 직접 끌어 비교하며, 예약 폼은 시술 전에 의사와의 대화를 약속합니다. 톤은 따뜻한 에디토리얼 — 두 가지 색의 세리프 제목, 아치형 사진, 모래·점토색 바탕 — 이고 다크 모드까지 갖췄습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
Treatments in Plain Sight (가격까지 보이는 시술):
홈의 시술은 아치형 사진 레일로 늘어서 있고, 아래로 스크롤하면 레일이 옆으로 흐릅니다. 카드마다 분류·소요 시간·회복 기간·시작 가격이 적혀 있습니다.
시술 목록은 분류로 걸러 보고, 시술 상세 9개는 무엇인지·무엇을 기대하면 되는지·얼마나 가는지를 답하고 함께 받으면 좋은 시술로 이어집니다.
Start From the Concern (고민에서 시작):
시술 이름을 모르는 방문자는 여드름 자국·고르지 않은 톤·잔주름·탄력 저하 같은 고민에서 시작합니다. 줄마다 사진과 맞는 시술이 나타납니다.
Results You Drag (끌어서 보는 결과):
전후 사진은 손잡이를 끌어 비교하는 틀에 담았고, 홈과 결과 페이지 모두에 있습니다. 사이트에 연출 이미지라는 안내를 분명히 적었습니다.
A Conversation First (대화가 먼저):
의료진을 한 명씩 진료 분야·가능한 언어와 함께 소개하고, 후기와 첫 방문 3단계를 지나 고민·희망 시간·의사를 고르는 예약 폼으로 이어지며, 차분한 확인 화면으로 끝납니다.
모든 페이지에 다크 모드가 있고, 390~1920px 전 구간을 확인했습니다.
🔹 디자인 포인트
🔹 담당 역할