サイトメニューはシンプルな構成ながら、各ページで凝った工夫が施されています。ファーストビューに表示される様々なコンテンツには、イラストや写真を効果的に使ったリンク画像が用意されていて充実の内容が伺えます。「N高って？」というページでは動くイラストを用いて概要を説明しており、可愛らしい演出となっています。内容も非常にわかりやすく作られていて楽しく閲覧できます。またナビゲーションメニューをクリックすると下層ページへのリンクが一覧で表示される設計は、すぐに見たいページへ遷移できる仕組みとなっていてユーザ視点を考えられています。
執筆者
カテゴリ
基本情報
学校・大学に関連するデザイン
-
「明治大学」のホームページデザイン解説サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
-
「大阪芸術大学 大学院」のホームページデザイン解説紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
-
「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
ポータルサイトに関連するデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「中部国際空港 セントレア」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、中部国際空港セントレアを紹介しています。グローバルナビにてショップやレストランなどのサービス施設、イベント・キャンペーンを案内しています。イラスト付きアイコンをクリッ...
-
「G20 Japan Digital」のホームページデザイン解説グレーをベースにした、全体的にセピアがかっていますがカラフルなサイトです。ファーストビューには、グローバルな雰囲気の動画をあげています。2本ラインのメニューボタンにて、G20 Japan Digitalのサイトについて紹介しています。1～5...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
シンプルなホームページのデザイン
-
「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
-
「博報堂 HAKUHODO Inc.」のホームページデザイン解説ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
-
「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中！」のオレンジのアイコンが貼ってあります。グローバルナビにて...
