プロジェクト概要
事業の信頼感が伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、大阪の梅田・心斎橋・福島に3店舗を展開するサウナ＆ヘッドスパ MENTE（メンテ）様のコーポレートサイトです。男性専用の個室サウナの梅田店、ヘッドスパ＆マッサージの心斎橋店、一棟貸切サウナ＆スパのはなれ福島店の3店舗を、「想像以上の自分へ、ととのえる。」のコピーで1つのブランドに束ねる構成にしました。TOP・ABOUT・MENU・PRICE・GIFT・STAFF・ACADEMY・RECRUITと各店舗ページで、手技や空間へのこだわり、予約の案内を掲載しています。
サービス内容も客層も異なる3店舗を、質の揺るぎない1つのブランドとして見せながら、訪れた人が自分に合う店舗を選んで迷わず予約まで進めるようにしたい。完全予約制で店舗ごとに問い合わせ先が異なるため、予約の導線を分かりやすく分ける必要がありました。
最初の画面は黒一色の背景に「OSAKA SAUNA & HEADSPA」の金色の英字と店名を中央揃えで置き、黒と金、生成りの配色で上質さを予感させました。ABOUTでは生成り色の背景に店内写真を4枚並べ、言葉より空間で魅力を伝える構成に。画面右下にTOPと3店舗のタブを固定表示してどこからでも店舗を切り替えられるようにし、予約ボタンから店舗別の問い合わせ先へ案内して、予約導線を分けました。
制作のポイント
黒を背景に店名とコピーを中央に置く
最初の画面は黒一色の背景に、「OSAKA SAUNA & HEADSPA」の金色の英字、「MENTE（メンテ）」の店名、「梅田・心斎橋・福島」の店舗エリアを中央揃えで置いています。その下に「想像以上の自分へ、ととのえる。」のコピーと、店舗によって問い合わせ先が異なる旨の案内、金色の枠の「MENTEへのご予約はこちら」ボタンが続きます。
店内写真を4枚並べて空間を見せる
ABOUTは生成り色の背景に切り替わり、「心と身体を整え、本来の自分へ。」の見出しと短い説明文のあと、サウナで過ごす男女、施術を受ける女性、暗い廊下、光る壁面の店内写真4枚を横に並べています。スマホでは同じ写真が2列に組み直されて並びます。
店舗ごとの切り替えタブを右下に固定する
画面右下には「TOP」と「梅田店」「心斎橋店」「はなれ福島店」のタブが黒地で固定表示され、各店舗のページへ移動できる構成です。ヘッダーは左上の三本線のメニューだけで、黒と金、生成りの配色で統一しています。WordPressで構築しています。
デザイン
