ワ多ナベのWebデザイン探訪2件目、今回の題材は「まつどライフプロモーション」のWebサイトです。
まつどライフプロモーション
「まつどやさしい暮らしラボ」のサイトです。子育て、仕事、遊び、学び、食、住まい、交通など、生活のことや街のことをみんなで考えてみたいとそんな気持ちではじめました。「研究対象」は、まつどの街です。まつどと関わりのあるいろいろな人が、いっしょになって、街のあちこちにかくれている「やさしい暮らしへのヒントやアイデア」、「やさ...
matsudo-yasashii-labo.jp
それでは見てみましょう!!!!!!
サイトの分析
【サイト分類】：プロモーションサイト
【メインビジュアル】：センター配置,左右分離型,角丸ビジュアル,
【サイトレイアウト】：1カラムレイアウト
【ナビゲーション】：(PC)サイト横ハンバーガー固定、クリックで全画面表示
(モバイル)右上ハンバーガー、タップで全画面表示
【ターゲット層】：全年齢、居住地にこだわる人、松戸市在住者、転居を考えている人
【目的】：ブランディング、イメージアップ、認知度アップ
【CV】：人口増加、問い合わせ
カラーリング・フォント
【フォント】
游ゴシック体
【カラーリング】白・緑・黒・黄
ベースカラー：#FFFFFF
メインカラー：#07A764
アクセントカラー：#EAD244
フォントカラー：#444444,#FFFFFF
→白文字はメインカラー・アクセントカラー使用時のみ使用
特徴
機能
- メニューバーをPC左端にハンバーガーとして固定。
→存在を意識させないことでコンテンツへ目が行くように視線誘導している。 - ボタンには必ずマウスオーバー機能付与。
- 画像マウスオーバーで縮小表現。
- 小見出しマウスオーバーあり→色変化(黒から緑)機能的装飾は必要最低限。
デザイン
- 松戸市市章よりメインカラー選定。
- イラストなどはここぞというときに必要最低限で使用。
- 画像はすべて角丸→全年齢対象のため誰が見ても柔らかい印象を与えている。
- フォント色は＃000ではなく＃444にし、サイトに馴染むよう設定されている。
- 地域の町並みや人物を写した画像に暖色系の加工処理をして地域の温かみを演出
まとめ
サイト全体で松戸市の実施する「やさしい暮らし」が表現されていました。
情報設計がしっかりされており、見にくい箇所や分かりづらい部分が全くなく、情報・機能的なユニバーサルデザインを感じました。
また、デザイン的にも見る人を選ばない「丸み」のあるデザインと配色で視覚的にもユニバーサルなデザインが施されています。
コメント