赤・青・黄色と光の三原色をベースにしたカラフルなホームページです。三田国際学園の中学校と高等学校でページが分かれており、入学希望者はカリキュラムや教科の特色などを知ることができます。ファーストビューに動画が挿入されており、生徒達の学園生活を見られます。動画にて卒業式や音楽会などリアルな学内の様子がわかります。トップページの中央に「新着情報」が掲載されています。写真付きのアイコンからそれぞれのニュースページにリンクしています。下層ページにある「フォトギャラリー」に年間通したイベントの写真が満載です。楽しげな生徒達の様子が映し出されています。詳細を見る際は、「フォトギャラリーを開く」ボタンをクリックします。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「明治大学」のホームページデザイン解説サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
-
「大阪芸術大学 大学院」のホームページデザイン解説紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
-
「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
コーポレートサイトに関連するデザイン
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
-
「弁護士 杉田昌平」のホームページデザイン解説グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、杉田昌平弁護士事務所が写っています。グローバルナビにて、取扱い業務やかかる料金などを案内しています。トップページの中央に、法令を遵守して外国人材を受入れるための法務...
カラフルを使ったデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「サニーサイド｜大阪狭山市・大阪府堺市」のホームページデザイン解説ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
ポップなホームページのデザイン
-
「Droptokyo」のホームページデザイン解説東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を３分割したレイアウトで構成されています。スライドショーをスク...
-
「社会福祉法人実源福祉会 一の宮保育園（公式ホームページ）」のホームページデザイン解説ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
-
「かいせい保育園」のホームページデザイン解説ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...
