黄色の帯で上下を囲んだメインビジュアルは、下部に並べた写真を台形でトリミングして配置し動きを出しています。園の教育方針は写真のリンクは黒背景に写真を暗めに配置して重厚感を出し、マウスオーバーで明るく写真を表示させて園内のにぎやかな雰囲気を表しています。園に関するコンテンツはリンクとアイコンを黒で統一し、園外関係者へのリンクはベタに文字のみでリンクスペースも大きく取っていますが、マウスオーバーはフラットな黄色に統一して統一感を出しています。
執筆者
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
-
「わかば保育園」のホームページデザイン解説ファーストビュー画像領域に大きく表示された画像が、スライドショーで切り替わる際に特徴的なモーションが加えられていることで目を引き、サイトの導入として効果的な役割となっています。スクロールしてファーストビューより下部に進むと画面上部にナビゲー...
-
「天水福祉事業会」のホームページデザイン解説大きく写真が使われたファーストビューがインパクトのある演出になっています。画像はゆっくりと左に移動する効果が加えられていて、スライドショーで切り替わる仕組みによってユーザの目を引き、サイトの導入として効果的な演出となっています。スクロールし...
-
「聖カタリナ学園 ロザリオ幼稚園」のホームページデザイン解説画面を大きく横切る鮮やかなピンクのリボンがまず目に入り、リボンの交差部分を生かした余白に園児募集のバナーを配置した、奥行きのあるレイアウトです。淡いベージュやピンクのグラデーションをベースとした柔らかい色使いと、ページタイトルに添えられたバ...
コーポレートサイトに関連するデザイン
-
「エムトラスト株式会社」のホームページデザイン解説ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...
-
「graf」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...
-
「東急不動産」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、東急不動産のオフィスタワーが写っています。グローバルナビにて東急不動産の会社情報、不動産ソリューションなどを案内しています。トップページの中央に、東急不動産のプロジ...
イエローを使ったデザイン
-
「Wemakefab」のホームページデザイン解説サイトを開いてまず現れるビビッドなイエローの背景がインパクトのある演出になっています。ファーストビューでは文字が右から左に流れるモーションが見られて、目を引く構成が考えられています。上部にはナビゲーションメニューが固定表示されていて、サイト...
-
「ipsa provisions」のホームページデザイン解説食品を扱ったECサイトになっていて、全体を通してクラフト感を感じる可愛らしいデザインが表現されています。サイトを開くと画面左側に大きく表示された文字を構成する線がカーソルの動きと連動していて、細かな箇所にもこだわりを感じます。ファーストビュ...
-
「会話とオーダーメイド」のホームページデザイン解説全体のカラーがイエロー系で統一されていて、暖かみのあるデザインにまとめられています。ファーストビューにはナチュラルなテイストのイラストが使われていて、サイトの雰囲気を演出する要素になっています。スクロールした先では「Exhibitors」の...
ポップなホームページのデザイン
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...
-
「Tyrus」のホームページデザイン解説サイトを開くと画面右半分に大きく様々なタッチのイラストが表示されて、インパクトのある演出になっています。イラストは短いスパンのスライドショーで切り替わる仕組みになっていて、次々と現れるイラストに目が釘付けになるようなサイトの導入として効果的...