メインカラーはイエローを中心にデザインされていますが、採用種別・職種別にリンクを色分けして区別をしています。また写真に乗せた職員名は円形の囲みにドットのアクセントをさす、ボーダーはトーンを変えた2色のイエローを使って変化をつけるなど、画面に変化をつけています。フッターの鮮やかなイエローの上に並んだ家屋のイラストが温かみと楽し気な雰囲気を演出しています。
執筆者
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
-
「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
-
「社会福祉法人みどりの丘保育園」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、可愛いイラストが描かれています。グローバルナビにて、みどりの丘保育園の概要や沿革などを案内しています。トップページは2カラム構成で、左サイドに新着情報とみどりの丘保育園からの...
-
「社会福祉法人浜川会 あづま保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースに手描き風のかわいいイラストを使った、カラフルなサイトです。ファーストビューの右から左へ、あづま保育園で元気に遊ぶ子どもたちの写真をスライドさせています。グローバルナビにて保育園の生活、「園での一日の流れ」などを案内していま...
採用・リクルートサイトに関連するデザイン
-
「令和3年度警視庁採用サイト」のホームページデザイン解説画面中央に警視庁の仕事の様子がムービーで紹介されており、重ねられた「警視庁」の文字が厳格さを感じさせるファーストビューです。淡いブルーのグラデーションと濃いネイビーを交互に敷いてコントラストをつけた背景と、ベージュのアクセントカラーを敷いた...
-
「株式会社ソルブレイン採用サイト」のホームページデザイン解説ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
-
「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
イエローを使ったデザイン
-
「雪印北海道バター」のホームページデザイン解説コンテンツを表示するエリアは常にバターのパッケージと同じ太いネイビーと細いラインで囲まれ、ブラウザの表示サイズ変更にも追従させており、常に画面内に表示されるイエローのヘッダーエリアと合わせてブランドイメージを形作っています。淡いクリーム色と...
-
「りの部屋」のホームページデザイン解説画面右に手書き風のアニメーション、左に縦書きのキャッチコピーをシンプルに配置したファーストビューで、画面をスクロールすると窓の中の風景が入れ替わり、動物が歩いて入れ替わるユニークな演出がされています。メインコンテンツは袋文字の英語フォントに...
-
「恋する鳥羽ホテル」のホームページデザイン解説イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...
ポップなホームページのデザイン
-
「やさしい切りかた辞典」のホームページデザイン解説鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...
-
「たまらん堂」のホームページデザイン解説サイトにアクセスすると、キャッチコピーとともにニワトリの手書き風イラストが表示され、画面が切り替わると幅いっぱいにスライドショーが表示される構成で、鮮やかなレッドやイエローをバックにした人物写真の周囲を、手書き風のイラストに囲まれたイラスト...
- 「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説
ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
