santé(サンテ)
飲食や健康をテーマとするサイトなど
コンセプトとメニューを 分かりやすく伝えるレイアウト
綺麗さ・女性らしさ・やさしさを 重視しながらも充実した拡張性の 高いコンテンツ
綺麗さ・女性らしさ・やさしさを感じさせるテイスト。
一押しのメニューをスライドさせることで、「実際に販売されている商品のイメージ」をユーザーに感じ取ってもらい、清潔で健康的な少し先の自分の未来を予感させるファーストビュー。
各コンテンツに配置されている要素を角丸にすることで、santéがテーマとしている
働く女性の健康をサポートしたいという意味を含ませることができ、サイト運営者の経営コンセプトをユーザーへ的確に伝えるデザインに仕上げています。飲食店やコーポレートサイトに限らず、特定の商品のブランディングサイトなど様々な用途にマッチしやすいよう、カスタマイズ性を重視したコンテンツは「あなただけ」のホームページに作り変えることができます。
向いているサイトイメージ
-
カテゴリーごとに代表されるメニューのみ写真使用し、あえて写真の枚数を制限することで、シンプルで見やすいボリューム感を演出しております。
カテゴリーが多く、メニューがたくさんあっても余さず載せることも可能なので、どんなユーザーでも過不足なく使用できる構成にしております。
-
メニューが素晴らしくてもその店舗がどんなオーナーやスタッフによって販売されているかがわからなければ、ユーザーは実際に店舗へ足を運ばないかもしれません。
コンセプトで伝えられる文章はあくまでも店舗が掲げるテーマの一部に過ぎません。そこにどんなストーリーがあってテーマを決定付けるに至ったかを補足説明する必要があるかもしれません。
ストーリーを詳細に記載し、オーナー・スタッフを大きく写真で見せることが可能なので、実際のイメージを正確に伝える際に最適です。
-
2010年代以降、スマートフォンの普及率は国内だけでなく、世界中で圧倒的なシェアを誇るようになり、今ではサイト検索の約90%がスマートフォンで行われています。
そこで必須なのが、どのデバイスでも見やすくする「レスポンシブ対応」です。santéのスマホデザインではキャッチコピーの位置をスライド写真の上部に少しだけ重ねるように配置することで、どんなデバイスでも見やすいようファーストビューになるよう工夫しています。
ヘッダーを追従させることで、ユーザーの好きなタイミングでナビゲーションをタップしやすいように工夫し、 画面右上のハンバーガーメニュー(「三」のアイコン)の周りに丸いシェイプを取り入れることでアイコンを視認しやすいように配慮 しております。
MENUでは大きい画面サイズなら3カラム、スマホサイズだと1カラムに変更し、イメージ画像もPCとスマホで共通画像を利用することで、表示速度にも気を配ってユーザーがストレスを感じにくくなるように設計しております。
santéでは、パソコンとスマホだけでなくあらゆるデバイスで最適なコンテンツが表示されます。
つまり、「スマホにはスマホ、パソコンにはパソコン」といった具合に、その画面サイズに適正なコンテンツが表示できるのです。私たちはsantéで「あなただけのサイト」をご提案いたします。
動作環境
-
Google Chrome 最新バージョン
-
Safari 最新バージョン
-
Fire Fox 最新バージョン
internet explorerの サポートは終了しております。 Microsoft Edgeを ご使用ください。