読み込み画面にて数値のカウントと同時にラフな線で描かれた飛行機のイラストが飛び立つ様子のアニメーションが現れ、読み込みが完了すると様々なデザインの飛行機のイラストが上部に飛んでいきトップページが表示されるという一連の流れが可愛らしく、見入ってしまう演出になっています。現れたファーストビューではムービーが再生されてよりサイトの内容が気になる効果を生み出しています。スクロールをしていくとプログラムの説明を順に読み進めていける仕組みとなっていて、背景では常に飛行機や何かしらの物体のイラストが上部へ向かって流れていきます。カーソルを動かすことで背景のイラストにも動きが影響する効果も加えられていて面白い演出です。ページ内に掲載された写真の表示にも面白い効果が加えられていて楽しみながら閲覧できるサイトに仕上がっています。
執筆者
カテゴリ
基本情報
飛行機に関連するデザイン
-
「JALUX」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、海上をカモメが飛んでいる画像が使われています。グローバルナビにてJALUX（ジャルックス）の会社案内、商品・サービスなどを案内しています。ジャルックスの事業紹介ページ...
-
「ANA SKY WEB TOUR」のホームページデザイン解説グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューには、航空券やホテルを探す検索窓を設けています。グローバルナビにてANAの国内ツアーや海外ツアー、ANAマイレージクラブなどを案内しています。トップページの中央...
-
「JAL」のホームページデザイン解説グレーをベースに、ブラックやレッドをアクセントにしたサイトです。ファーストビューには、JALの機内が写っています。航空券やホテル、宿泊予約などの検索窓を設けています。グローバルナビにてJALのフライト＆サービス、マイレージなどを案内していま...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
ポップなホームページのデザイン
-
「ポmagazine」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、京都を訪れた人々のイラストが描かれています。カーソルをあてたところにホワイトの丸いポインターがついてきて、吹き出しが現れます。グローバルナビにてトピックや特集、コラ...
- 「Viens-là」のホームページデザイン解説
ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...