「SUPPORT YOUR LOCAL.」八王子の男を磨く、クラシカルなバーバーショップ公式サイト。
東京都八王子市に店舗を構えるバーバーショップ「BARBER SHOP THE NUMBER THREE」の公式WEBサイトを制作いたしました。
■ 課題と目的
「SUPPORT YOUR LOCAL.」という地域に根差したコンセプトを軸に、店舗が持つ男らしく洗練された世界観をWEB上でも体現することが求められました。また、「日常に溶け込む」というテーマ のもと、新規顧客にも常連客にも使いやすく、店舗へのアクセスや来店をスムーズに促す情報設計が最大のミッションでした。
■ デザイン戦略
実際の店舗内装である特徴的なチェッカー盤の床や、ヴィンテージ調のバーバーチェアが醸し出すクラシカルな雰囲気をサイト全体に落とし込むため、ブラックを基調とした重厚なダークトーンのデザインを採用しました。
スマートフォンでの閲覧をメインに想定し、「CUT」や「COLOR」、「SHAVE」といった各メニュー から、「STYLE GALLERY」、「STAFF」、「ACCESS」などの重要コンテンツへ直感的に遷移できるUI設計を徹底しています。ユーザーの世界観への没入感を損なうことなく、必要な情報へ最短でたどり着ける構成に仕上げました。
■ 担当領域
- Webサイト企画・情報設計
- デザイン・コーディング / アニメーション実装
- レスポンシブ対応（スマホ・PC）