世田谷のヘアサロンとフォトスタジオ「TONARI」の架空サイトです。カットやセットの仕上がりを、隣のスタジオですぐ撮影できる店を想定し、「仕上がった瞬間を、そのまま残す。」をコンセプトに制作しました。
URL
担当
デザイン・コーディング
サイトの目的
店舗の世界観を伝え、来店と予約につなげる
ターゲット
証明写真や記念撮影、プロフィール写真を、ヘアセットと一緒に済ませたい20〜40代。
デザインについて
生成りと木の質感を基調に、余白を活かした落ち着いたトーンでまとめました。
サロンとスタジオが隣り合う空間を、トップの写真と短いコピーで伝える構成にしています。
コーディングについて
トップに加え、コンセプト・来店の流れ・メニュー・作品・私たち・予約の6ページを、HTML / CSS / JavaScriptで実装しました。スマートフォンでも閲覧できるようレスポンシブに対応し、メニューの開閉やスクロールに合わせた表示も入れています。