「明治大学」のホームページデザイン解説

紫やピンクの絵の具を混ぜたようなクリエイティブな印象を与える動きのあるファーストビュー画像を用いています。アウトラインやメッセージは詳細ページへ飛ぶようのボタンを設定しておりページ回遊率を意識したデザインです。トップページ内の各紹介では必要...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、カラフルなオブジェがクルクルと回っています。グローバルナビにて会場マップや開催概要、プログラムなどを案内しています。会場マップから、ミッドタウン・タワーへの交通アク...

トップページは画面を縦に２分割したレイアウトで、左側にコンテンツを、右側に学生の声を写真付きで載せていますが、学生の声はクリックすると連動してコンテンツエリアが該当の内容に切り替わり、学生の声を次々と見ながら同時に大学について情報を得られる...

イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...

オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...

海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...

クロアチアのデザイン事務所のコーポレートサイトです。サイトにアクセスすると、ブラック1色の画面に力強く書かれたホワイトのキャッチコピーが特大のインパクトを与えます。実績紹介は画面全体を2分割して左にテキスト、右にビジュアルを配置した構成です...

フランスの国立オペラの公式サイトです。ファーストビューは上下方向にスクロールして２枚の画像が入れ替わるスライドショーで、上演作品のサムネイルは太いブロック体のフォント、小さなセリフ体のフォントを極細のラインで区切ってキャプションを添え、上品...

アメリカのデザインエージェンシーのサイトです。ファーストビューではサイト名にちなんだ犬の３D風イラストが画面全体に表示されユーザーに特大のインパクトを与えます。またこのイラストはマウスに追従して視差効果でわずかに角度が変わり、画面をスクロー...

ファーストビューは斜めにカットされた運転シーンの写真に、製品写真の切り抜きとレポート画面のキャプチャを組み合わせて、ドライブレコーダーであることが一目でわかるビジュアルにしあがっています。グレーの濃淡をベースに、企業ロゴのオレンジをアクセン...

グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、雲の合間から薄日が差し込んでいる大空が写っています。グローバルナビにて会社情報、取扱業務などを案内しています。トップページの中央に、コーポレート・アドバイザーズ・アカ...

グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...