루미나 스튜디오 — 성수동 프라이빗 헤어 살롱 사이트

서울 성수동의 1:1 프라이빗 헤어 살롱을 가정한 살롱 사이트입니다. 첫 버전은 검정 바탕에 금색, 이모지와 흐르는 띠를 섞은 한 페이지 랜딩이었습니다. 국내 프리미엄 헤어 살롱 사이트의 정보 구조와 화면 패턴을 조사해 13페이지 사이트로 다시 설계했습니다.

무엇을 바꿨나

살롱 사이트에서 손님이 확인하는 것은 어떤 디자이너가 있는지, 시술 가격이 얼마인지, 어떤 스타일을 하는지, 어떻게 예약하는지입니다. 메인은 살롱 공간 사진과 이름으로 시작하고, 살롱 이야기, 대표 메뉴, 디자이너, 룩북, 예약 안내로 이어집니다. 디자이너는 네 명 각각의 상세 페이지에 전문 분야, 경력, 예약 가능한 요일을 실었습니다.

메뉴 · 가격

커트, 컬러, 펌, 클리닉, 헤드스파 탭으로 나눠 시술별 가격과 소요 시간을 표로 숨김없이 보여 줍니다.

룩북

스타일 사진은 그리드로 모으고, 누르면 크게 보는 라이트박스(Esc·방향키·포커스 복귀)를 두었습니다.

디자인 · 기술

• 아이보리와 샌드 바탕, 니어 블랙 글자, 브론즈 #745a43 한 색. 영문 대제목은 Marcellus, 한글은 Pretendard로 조용한 고급스러움을 냈습니다.
• Next.js 16 정적 내보내기 + React 19, CSS 한 파일, Cloudflare Pages 배포. 폰트는 자체 호스팅하고 라이선스 문서를 함께 두었습니다.
• 예약 폼은 검증 후 데모라 전송하지 않는다는 사실을 알리고, 네이버 예약·카카오톡 버튼도 데모로 표시했습니다.
• 사진은 모두 이 데모를 위해 만든 생성형 AI 이미지입니다.

결과물

라이브 데모: ononc-lumina-salon.pages.dev

ononc가 제작 역량을 보여주기 위해 만든 가상 브랜드 데모입니다. 실제 살롱이 아니며 디자이너·가격·연락처는 모두 가상이고, 예약 폼은 전송되지 않습니다.