大小の赤い丸が浮遊していて左から右に流れていく背景と、スクロールによってページが横に進んでいくのが特徴的なサイトです。トップページから次のページへ移る時にロゴマークに使われているアンダーラインが伸びて、そのラインが最終ページまで続いていきます。コンセプト説明の導入から「学び場」というイベントの案内ページへと続き、各イベントのタイトル下にあるプラスマークをクリックすると、詳細がポップアップ表示で見られます。イベントで講義をする講師の顔写真や簡単なプロフィールが掲載されており、ダイジェスト版のムービーが見られるリンクもついている為、イベントの様子を知ることができて楽しめるコンテンツになっています。演出が凝っている分、ページの構成は非常にシンプルでわかりやすい内容にまとまっています。
執筆者
カテゴリ
基本情報
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
奇抜・派手なホームページのデザイン
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「なら国際映画祭2020」のホームページデザイン解説鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
-
「spline」のホームページデザイン解説サイトを開くと鮮やかなレッドの画面が表示され、すぐに文字が現れるモーションが展開されます。非常にインパクトがあり、サイトの導入として効果的な演出になっています。画面右上にはプラスマークと「MENU」の表示が設置してあり、クリックするとブラッ...