ファーストビューでは学校生活を紹介するスライドショーの上に、大きめのフォントで力強くキャッチコピーが配置されています。濃いブラウンをメインカラーに下落ち着いた色使いですが、スライドショーの下の学校別のリンクはオレンジ・グリーン・ブルーの3色のオーバーレイが重ねられ、鮮やかさが目を引きます。下層ページはページの内容に合わせてタイトルの背後に写真が配置され、その上に重ねられたナビゲーションメニューはバックが半透明のため下の写真が透けて見えるアレンジが施されています。見出しには階層によって短く下線が引かれたり、淡いグリーンの帯が敷かれたりと変化を持たせています。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「学校法人 日本芸術学園 日本芸術高等学園」のホームページデザイン解説メインビジュアルは漫画のコマ風に組み合わせられた3枚の写真が1枚ずつ浮かび上がり、最後にキャッチコピーと吹き出しが浮かび上がるドラマチックな構成です。コンテンツは1カラムのレイアウトで、学校説明会の募集要項は写真・キャプション・リンクボタン...
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
コーポレートサイトに関連するデザイン
-
「小島屋乳業製菓株式会社」のホームページデザイン解説ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「クイーンビーキャピタル株式会社（QBC）」のホームページデザイン解説メインビジュアルはダークグリーンの背景の上に六角形のドットで世界地図が描かれ、その中央にイエローとホワイトの英語フォントでキャチコピーが重ねられています。メインビジュアルの下に重ねて配置したナビゲーションメニューは、画面をスクロールすると左...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
グリーンを使ったデザイン
-
「信金キャピタル株式会社」のホームページデザイン解説窓の前に佇むスーツ姿の男性の写真を画面幅いっぱいに使い、中央にグリーンとホワイトのテキストでキャッチコピーを配置した、シンプルながら引き締まった印象のファーストビューです。明るいグリーンをタイトルやリンクボタンに取り入れ、淡いイエローを背景...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「真宗 大谷派 蓮照寺」のホームページデザイン解説サイトを開くと画面幅いっぱいにお寺の風景と墓地の写真が次々にスライドショーで表示され、穏やかな空気感と季節感を感じさせます。またスライドショーの右側には縦書きでキャッチコピーが配置されています。明朝体の見出しと、ベージュの背景に淡く敷き詰め...
堅め・信頼感なホームページのデザイン
- 「小島屋乳業製菓株式会社」のホームページデザイン解説
ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「モンゴル貿易開発銀行 東京駐在員事務所」のホームページデザイン解説サイトを開くと鮮やかな青空を背景にしたビルの写真と、余白に企業ロゴを配置したビジュアルが目に入ります。コンテンツはモンゴルの写真を背景に5つのリンクボタンが配置され、それぞれにシンプルなイラストで描かれたアイコンが添えられています。鮮やかな...
-
「株式会社 大栄鍛工所」のホームページデザイン解説サイトを開くと鋳造の様子を捉えた写真が次々と現れ、ダークな色調の写真と明朝体の大きなキャッチコピーで重厚感を与えるファーストビューです。画面をスクロールすると階上から撮影した写真がフッターに向かってフェードインするような形で現れ、より奥行き...
