サイトを開くと現れる立体的なCGグラフィックに思わず目を奪われます。キャンパスの建物と動く人々を俯瞰で見ているような立体アニメーションで、カーソルの動きに合わせて回転する効果が加えられています。非常にインパクトのあるファーストビューとなっていてしばらく見入ってしまうような効果的なデザインです。さらにこのファーストビューは固定背景になっていて、スクロールしていくと徐々に日が落ちて夜になるという面白い演出も加えられています。ページには大学の卒業制作展の内容が記載されていて、そのテーマに合わせたグラフィックになっています。とにかく見ていて楽しい工夫が施されたサイトに仕上がっています。
カテゴリ
基本情報
学校・大学に関連するデザイン
- 「明治大学」のホームページデザイン解説
サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
- 「大阪芸術大学 大学院」のホームページデザイン解説
紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...
- 「慶應義塾大学 | SFC Open Research Forum 2019」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
グリーンを使ったデザイン
- 「税理士法人トゥモローズ」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、トゥモローズの税理士が出迎えています。グローバルナビにて料金体系、その他のサービスなどを案内しています。トップページの中央に、トゥモローズの理念を掲載しています。法...
- 「社会保険労務士法人トムズコンサルタント」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、トムズコンサルタントのスタッフが写っています。グローバルナビにて会社情報、サービス内容などを案内しています。グリーンのバナーから、トムズコンサルタントの会社案内をダ...
- 「合同会社Stand By」のホームページデザイン解説
ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、Stand Byのスタッフが写っています。グローバルナビにてStand Byの会社情報、サービス内容などを案内しています。グリーンのバナーからニュースを見ることが...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...