프로젝트 사례
Joy Nails & Spa
토론토 이글린턴 웨스트에 있는 네일 살롱의 웹사이트입니다. 런타임 의존성 세 개짜리 Next.js 16 위에 미리 최적화한 이미지를 얹어 휴대폰에서 빠르게 열리고, 방문자를 살롱이 이미 쓰고 있는 예약 시스템으로 바로 보냅니다.
라이브 프로젝트 보기 →개요
Joy Nails & Spa는 토론토 290 Eglinton Ave W에 있는 네일·스파 살롱입니다. 사이트는 이 살롱이 실제로 파는 것을 그대로 내겁니다. "Indulge in Beauty. Relax in Luxury. Discover premium nail care, soothing massages, and rejuvenating facials in Toronto's serene spa retreat."
동네 살롱의 웹사이트가 할 일은 하나입니다. 휴대폰으로 둘러보는 사람에게 여기가 맞는 곳이라는 확신을 주고, 예약 시스템으로 넘겨 주는 것입니다. 이 작업에서 내린 모든 선택이 그 길을 위한 것입니다.
접근 방식
예약 시스템을 새로 만들지 않았습니다
살롱은 이미 Milano Cloud로 예약을 받고 있고, 직원들도 그 화면에 익숙합니다. 예약을 새로 만들었다면 예약 정보가 두 군데로 갈라지고 직원들은 새 시스템을 처음부터 익혀야 했을 것입니다. 고객에게 돌아가는 것 없이 비용과 위험만 생기는 일입니다.
그래서 사이트는 쓰던 예약 포털로 링크를 겁니다. 대신 필요할 만한 자리에는 빠짐없이 걸어 두었습니다. 첫 화면과 헤더, 푸터, 모바일 메뉴, 서비스 섹션, 그리고 Dazzle Dry 프로모션까지입니다. 이 연동은 링크 하나이고, 그게 이 문제에 필요한 전부입니다.
CMS를 넣지 않았습니다
살롱의 콘텐츠는 서비스와 영업시간, 주소, 후기 정도이고 좀처럼 바뀌지 않습니다. 게다가 고객의 수정 요청은 SERVITH를 거쳐서 들어옵니다. CMS를 넣으면 호스팅 비용과 관리자 화면, 그리고 공격받을 자리가 늘어날 뿐인데, 정작 풀 문제가 없습니다. 그래서 콘텐츠는 타입이 붙은 설정 파일에 두었고, 수정할 일이 생기면 몇 줄 고쳐서 다시 배포하면 끝납니다.
운영 측면에서 달라진 점
휴대폰에서 빠릅니다: 군더더기 코드가 거의 없어서, 손님이 근처 살롱 두 곳을 비교하는 동안 데이터로도 빠르게 열립니다.
갤러리가 빠르게 뜹니다: 사진을 올리기 전에 미리 최적화해 두어, 따로 서버를 운영하지 않아도 룩북이 빠르게 보입니다.
동네 검색에서 더 잘 보입니다: 살롱 주소와 전화번호, 서비스 지역, 소셜 계정을 검색엔진이 읽을 수 있게 넣었고, 링크를 공유하면 미리보기도 제대로 나옵니다.
예전 링크도 그대로 통합니다: 예전 포트폴리오 페이지로 들어온 방문자는 오류 페이지 대신 새 룩북으로 안내됩니다.
업체 정보가 늘 일치합니다: 주소와 전화번호, 예약 링크를 한 곳에서 관리하기 때문에 한 번만 고치면 사이트 전체에 반영됩니다.
이 프로젝트가 보여주는 역량
무엇을 만들지 않을지 아는 일. 예약을 새로 만들지 않았고, CMS도 애널리틱스도 넣지 않았습니다
작은 가게가 이미 쓰고 있는 시스템을 갈아엎는 대신 이어 붙인 선택
모바일 지역 검색에서 속도를 전환율 문제로 본 관점
구조화 데이터와 정규 주소, 리다이렉트 정리까지 제대로 챙긴 로컬 SEO
패키지 세 개만 가지고 빠르고 믿음이 가는 가게 페이지를 만든 사례
Live: https://joynailsnspa.ca
Role: 1인 개발 (정보 구조 → UI → 이미지 처리 → 기술 SEO)
