📌 VITRE - 치과 웹사이트
🔹 프로젝트 개요
🔹 프로젝트 목적
VITRE는 템플릿입니다. 병원 웹사이트를 어떻게 만드는지 보여 주려고 기획한 템플릿으로, 코펜하겐의 프라이빗 치과라는 설정입니다. 의료진·가격·환자는 모두 지어낸 것이고, 사이트 푸터에도 그렇게 적었습니다. 사람들이 치과를 무서워하는 건 치료보다 모르는 것 때문입니다 — 무엇을 하는지, 얼마나 걸리는지, 얼마인지. 사이트는 그 불안을 거꾸로 풀었습니다. 히어로는 커서가 지나가는 자리만 맑아지는 골유리 뒤에 있고, 방문은 세 단계로 보여 주며, 모든 진료에 가격을 적고 보험·플랜을 넣으면 실제 본인 부담이 바로 계산됩니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
Move Across the Glass (유리 너머로):
히어로 사진 앞에 세로 골유리를 얹었습니다. 띠마다 사진을 확대해 다른 부분을 보여 줘 굴절처럼 보이고, 커서 아래 폭만 맑아지며 살짝 늦게 따라옵니다. 커서가 없으면 맑은 창이 천천히 혼자 떠다닙니다.
진료 카드와 3단계 사진도 같은 유리 뒤에 있다가 마우스를 올리면 가운데부터 걷히고, 폰에서는 화면에 들어오면 걷힙니다.
Fees in Writing (진료비를 글로):
모든 진료에 가격 범위를 적었습니다. 계산기에서 시술을 고르고 보험·보조금 비율을 움직이고 스튜디오 플랜을 켜면 본인 부담 범위가 바로 바뀝니다.
스캔하고, 결과를 보고, 결정한다 — 예약 이야기 전에 방문 과정을 세 단계 사진으로 먼저 보여 줍니다.
A Whole Studio (치과 한 곳 전체):
진료 상세 7개, 진료비, 의료진, 스튜디오, 저널, 날짜·시간 칩으로 고르는 예약까지. 예약 폼은 실제로 보내지 않습니다.
모든 푸터에 실제 병원이 아니라고 적었고 검색엔진 노출은 막았습니다.
🔹 디자인 포인트
🔹 담당 역할