overview
VA WATCH는 고가의 명품 시계를 판매하는 오프라인 기반 브랜드로, 온라인 상에서도 동일한 품격과 신뢰를 전달할 수 있는 웹사이트가 필요했습니다.
브랜드 철학인 “시계를 통해 자신의 가치를 표현한다”는 메시지를 중심으로, 고급스러운 쇼룸의 분위기를 웹 상에 구현하고자 했으며, 단순한 상품 나열이 아닌 브랜드 스토리와 상품 정보가 자연스럽게 이어지는 흐름을 통해 고객의 탐색 경험을 설계했습니다.
STUDIOP는 브랜드 리서치, 디자인 컨셉 제안, Webflow 기반 퍼블리싱, CMS 구성, 모션 인터랙션, SEO 최적화, 운영 가이드 전달까지 전 과정을 직접 리드하며 프로젝트를 완성했습니다.
purpose
초기 설문을 바탕으로 세 가지 디자인 컨셉을 제안했고, 그중 실제 명품 매장을 참고해 구성한 ‘럭셔리’ 컨셉이 채택되었습니다. 밝은 배경과 골드 포인트, 정제된 타이포그래피와 넓은 여백을 통해 고급스럽고 조용한 긴장감이 느껴지도록 구성했습니다.
히어로 섹션에서는 제품 뒤에 심볼 로고를 배치해 브랜드 아이덴티티와 제품 비주얼을 동시에 강조하고, 썸네일은 실제 제품 이미지를 사용해 시각적인 완성도를 높였습니다. 이 사이트는 단순 홍보용을 넘어 매장 내 브로셔로도 사용되기 때문에, 아이패드(태블릿) 최적화 작업도 병행되었습니다.
사용자 흐름은 브랜드 스토리 탐색 → 제품 확인 → 다양한 브랜드 인식 → 매장 소식으로 이어지는 설계로 구성되었으며, 제품 정보 외에도 제품 상태, 보증, 응대 정보 등을 정리해 신뢰 요소를 확보했습니다.
기술적으로는 Webflow 기반으로 개발되었으며, 페이지 전환 모션, 로딩 게이지, 버튼 호버 등 사용성을 해치지 않으면서도 고급스러운 리듬을 만드는 인터랙션이 적용되었습니다.
관리자의 사용성을 고려해 CMS 항목은 유형에 맞게 구조화하고, Webflow Editor를 통해 콘텐츠 수정이 가능한 체계로 구성했습니다. 최종적으로 운영 가이드를 PDF로 제공하고, 클라이언트가 직접 등록과 유지관리를 수행할 수 있도록 지원했습니다.
What we did
초기 설문을 바탕으로 세 가지 디자인 컨셉을 제안했고, 그중 실제 명품 매장을 참고해 구성한 ‘럭셔리’ 컨셉이 채택되었습니다. 밝은 배경과 골드 포인트, 정제된 타이포그래피와 넓은 여백을 통해 고급스럽고 조용한 긴장감이 느껴지도록 구성했습니다.
히어로 섹션에서는 제품 뒤에 심볼 로고를 배치해 브랜드 아이덴티티와 제품 비주얼을 동시에 강조하고, 썸네일은 실제 제품 이미지를 사용해 시각적인 완성도를 높였습니다. 이 사이트는 단순 홍보용을 넘어 매장 내 브로셔로도 사용되기 때문에, 아이패드(태블릿) 최적화 작업도 병행되었습니다.
사용자 흐름은 브랜드 스토리 탐색 → 제품 확인 → 다양한 브랜드 인식 → 매장 소식으로 이어지는 설계로 구성되었으며, 제품 정보 외에도 제품 상태, 보증, 응대 정보 등을 정리해 신뢰 요소를 확보했습니다.
기술적으로는 Webflow 기반으로 개발되었으며, 페이지 전환 모션, 로딩 게이지, 버튼 호버 등 사용성을 해치지 않으면서도 고급스러운 리듬을 만드는 인터랙션이 적용되었습니다.
관리자의 사용성을 고려해 CMS 항목은 유형에 맞게 구조화하고, Webflow Editor를 통해 콘텐츠 수정이 가능한 체계로 구성했습니다. 최종적으로 운영 가이드를 PDF로 제공하고, 클라이언트가 직접 등록과 유지관리를 수행할 수 있도록 지원했습니다.
