「風と緑の認定こども園」のホームページデザイン解説

ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...

ファーストビュー画像は複数枚切り替わるデザインです。子どもたちの笑顔の写真の上にはコンセプトメッセージが記載されています。そのすぐ下には新着情報と感染症情報があります。ページを下部にスクロールすることなく最新情報を見つけることができます。 ...

水彩画風のイラストを壁紙に使用した、カラフルなサイトです。ファーストビューの右から左へ、高砂保育園の年間行事をスライドさせています。グローバルナビにて保育園概要、一日の流れなどを案内しています。トップページの中央に、新着情報と高砂保育園から...

画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...

ロシアの女性フォトグラファーのポートフォリオサイトです。ファーストビューは4枚の写真で構成されたスライドショーで、作品とともにトリミングした同シリーズの作品の一部をリンクカーソルに添えていて、写真とサムネイルが同時に移動する構成になっていま...

イギリスのデザイン会社のコーポレートサイトです。サイトにアクセスするとブラックの背景の上に画面左からダークグレーのエリアがスライドインし、エリアの中央にテキストがふわっと浮かび上がるシンプルながらスタイリッシュなファーストビューになっていま...

メインビジュアルは記事へのリンクを貼ったカルーセルとなっており、鮮やかなイエローのバックの上に、本の形にトリミングされた記事のサムネイルがまず目を引きます。淡いイエローをベースにネイビーをアクセントにしたカラフルな色使いですが、わずかに彩度...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

クラフト紙風にノイズを乗せたテクスチャの上に、ラフなタッチで描かれた顔文字のようなカラフルな笑顔のロゴが親しみやすさを感じさせるファーストビューです。コンテンツのバックはピンク、オレンジ、グリーンのポップな色が敷かれ、分解したロゴマークをサ...

レンタルオフィスの予約サービスサイトです。ファーストビューは画面左にシンプルな手書きのイラスト、右にキャッチコピーを配置した、シンプルながらパッと目を引くデザインです。会議室の利用シーンの紹介では英語、日本語、イラストを組み合わせたビジュア...

ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...

画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...