STUDIO（スタディオ）
フィットネスジムや会員制サロンなどコンセプトと料金を分かりやすく伝えるレイアウト
活動的・スタイリッシュさを重視しながらも充実した拡張性の高いコンテンツ
活動的・女性的・スタイリッシュさを感じさせるテイスト。
画面全体に大きな写真をフェードさせながらシーンを切り替えて見せることで、「実際にトレーニングをしている自分の姿」をユーザーに感じ取ってもらい会員応募へと繋げることを目的とした、健康的で理想的な未来を予感させるファーストビュー。
スクロールすると大きな写真をぼかすアニメーションを取り入れることで、後に続くコンテンツを読みやすくするだけでなく、文章や写真といったコンテンツがしっかり考えられたものであるという意味を付与させ、それがユーザーに最適なメニューを提案するという信頼感にもつながることでしょう。
フィットネスジムやヨガ・ダンス教室に限らず、随所にコンバージョン（お問い合わせボタン）を設置していることからランディングページにも使用でき、様々な業種にマッチしやすいよう、カスタマイズ性を重視したコンテンツは「あなただけ」のホームページに作り変えることができます。
向いているサイトイメージ
-
3つに分けた料金ブロックは各プランの特徴や内容などをたくさん載せることはもちろん、大きく余白を取っていることで、「見やすさ」「分かりやすさ」にも配慮したデザイン。
ユーザーの知りたい欲求を満たすことで、コンバージョン（問い合わせ）に繋げます。
-
自動的に流れるギャラリーは視覚的に楽しく、施設内や実際のトレーニング内容などを分かりやすく伝えるのに効果的です。
プランやトレーニング内容が変わったとしても、画像はいつでも変更できるため最新の情報をユーザーへお届けできます。
-
2010年代以降、スマートフォンの普及率は国内だけでなく、世界中で圧倒的なシェアを誇るようになり、今ではサイト検索の約90％がスマートフォンで行われています。
そこで必須なのが、どのデバイスでも見やすくする「レスポンシブ対応」です。
STUDIOのスマホデザインではPCと同じ画像をリサイズし、無料カウンセリングボタンをメニューへ格納することで、どのデバイスでも見やすいように工夫しております。ユーザーの好きなタイミングでナビゲーションをタップしやすいように工夫し、画面右上のハンバーガーメニュー（「三」のアイコン）で構成することで、サイト閲覧の邪魔にならず、視認しやすいように配慮しております。
STUDIOの特徴では大きい画面サイズなら2カラム、スマホサイズだと1カラムを採用し、イメージ画像もPCとスマホで共通画像を利用することで、表示速度にも気を配ってユーザーがストレスを感じにくくなるように設計しております。
STUDIOでは、パソコンとスマホだけでなくあらゆるデバイスで最適なコンテンツが表示されます。
つまり、「スマホにはスマホ、パソコンにはパソコン」といった具合に、その画面サイズに適正なコンテンツが表示できるのです。私たちはSTUDIOで「あなただけのサイト」をご提案いたします。
動作環境
-
Google Chrome 最新バージョン
-
Safari 最新バージョン
-
Fire Fox 最新バージョン
internet explorerのサポートは終了しております。Microsoft Edgeをご使用ください。