サイトを開くとファーストビュー全面に動画が流れていて目を奪われます。動画の上には白い線画で描かれた動物たちのイラストとキャッチコピーが配置されていておしゃれでナチュラルな雰囲気を演出しています。スクロールすると左側にナビゲーションメニューが現れて固定表示となります。右側のメインビジュアルエリアでは各コンテンツの背景に柄や写真を用いて区切ることでメリハリのついた構成になっています。学科紹介では学科ごとにサムネイル写真リンクが用意され、クリックすると学科の詳細が記載されたページに遷移します。在学生にインタビューをしたムービーコンテンツも設置されていて、ユーザが楽しめる工夫が施されています。写真をメインにポイントごとに学科紹介を展開している点もわかりやすくてユーザ目線を考えられています。他のコンテンツも非常に充実しており、しっかりと作り込まれたサイトとなっています。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「明治大学」のホームページデザイン解説
サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
- 「大阪芸術大学 大学院」のホームページデザイン解説
紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
- 「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
ポータルサイトに関連するデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「中部国際空港 セントレア」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、中部国際空港セントレアを紹介しています。グローバルナビにてショップやレストランなどのサービス施設、イベント・キャンペーンを案内しています。イラスト付きアイコンをクリッ...
- 「G20 Japan Digital」のホームページデザイン解説
グレーをベースにした、全体的にセピアがかっていますがカラフルなサイトです。ファーストビューには、グローバルな雰囲気の動画をあげています。2本ラインのメニューボタンにて、G20 Japan Digitalのサイトについて紹介しています。1~5...
カラフルを使ったデザイン
- 「社会福祉法人たんぽぽ会 虹の丘保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
- 「サニーサイド|大阪狭山市・大阪府堺市」のホームページデザイン解説
ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
- 「社会福祉法人新星会 双葉保育園(公式ホームページ)」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...