デザイン解説
博報堂の研究所が24年分の生活者の観測データ約1,500項目を公開しているメディア。
丸みを帯びたフォントで、メインビジュアルはポリゴン状の幾何学模様が動作し続け、視覚的に定点観測というメディア色を高めている。こういったアニメーションはjQueryの「particles.js」というプラグインで描画することができ、最近は人工知能やICO(仮想通貨関係)のサイトでも多く見かけるようになった。
特筆したいのはメインビジュアルだけでなく、下層ページも非常に丁寧に作られている。
上記のように、ナビゲーションでの絞り込みは画面遷移をせずにサクサク行えるので、閲覧したい情報へのアクセスが簡単。グラフの描画に関してはマウスカーソルを合わせると%が表示される仕組みで、UI・UXが素晴らしい。
アンケートへの回答を集めたページでは、%がカウントアップする動作や、タブでのグラフ切り替え、グラフのダウンロードなど、様々な動作や機能が用意されており、見ているだけでワクワクするようなデザインになっている。
動作や機能が充実していても、見づらかったり使いづらかったりする場合が多いが、どちらも両立できている、非常にクオリティの高いメディア。
掲載会社の情報
会社名 | 生活定点 |
---|---|
URL | http://seikatsusoken.jp/teiten/ |
住所 | 東京都港区赤坂5-3-1 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
グリーン・緑色のデザイン事例
- グリッドデザインが美しい整骨院のホームページ
全国展開するげんき堂整骨院のホームページ。トップページは情報量が多いものの綺麗に整理されており、一目で必要な情報にアクセスできる設計となっている。 昨今は1カラムのデザインが主流の中、2カラムでデザインされているものの、古臭さを感じな...
- 訴求力が強い整体院のホームページデザイン例
小顔にするために特化した整体院で、駅近、完全予約制、施術実績の豊富さの3つをアピールしている。多数のYoutube動画を上げており、ITを使いこなした、集客の戦略が伺える。 ファーストビュー以外でデザイン性を感じる箇所はないものの「小...
- 神戸市にある特徴的なレイアウトが印象に残る司法書士のホームページ
本を開くようなアニメーションからホームページが表示される。レイアウトがかなり独特で、ロゴが上部中央、グローバルナビゲーションが左側、キャッチコピーは右上と、一般的なホームページのレイアウトを完全に無視するかのような、ユニークなデザインとなっ...
- 恐怖感を拭う優しい印象を与えるクリニックのホームページ
グリーンが基調になっていて安心感を感じるホームページである。内視鏡に特化しているというのがとてもわかりやすい。内視鏡検査は非常に怖いと感じる人も多い検査だが、ファーストビューで症例の多さと検査方法の対応種類が確認できるので恐怖心が軽減される...
- 長野県にあるイラストの活用が上手い司法書士のホームページ
第一印象がとても強く残る、ユニークなホームページデザイン。個人的に気に入っているのが「ご存知ですか?法律のこと」というキャッチコピーに、当事務所の打合せの雰囲気をイラスト化したものが背景に表示される。 グローバルナビゲーションをクリッ...