読み込み画面にて数値のカウントと同時にラフな線で描かれた飛行機のイラストが飛び立つ様子のアニメーションが現れ、読み込みが完了すると様々なデザインの飛行機のイラストが上部に飛んでいきトップページが表示されるという一連の流れが可愛らしく、見入ってしまう演出になっています。現れたファーストビューではムービーが再生されてよりサイトの内容が気になる効果を生み出しています。スクロールをしていくとプログラムの説明を順に読み進めていける仕組みとなっていて、背景では常に飛行機や何かしらの物体のイラストが上部へ向かって流れていきます。カーソルを動かすことで背景のイラストにも動きが影響する効果も加えられていて面白い演出です。ページ内に掲載された写真の表示にも面白い効果が加えられていて楽しみながら閲覧できるサイトに仕上がっています。
カテゴリ
基本情報
飛行機に関連するデザイン
- 「中部国際空港 セントレア」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、中部国際空港セントレアを紹介しています。グローバルナビにてショップやレストランなどのサービス施設、イベント・キャンペーンを案内しています。イラスト付きアイコンをクリッ...
- 「JALUX」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、海上をカモメが飛んでいる画像が使われています。グローバルナビにてJALUX(ジャルックス)の会社案内、商品・サービスなどを案内しています。ジャルックスの事業紹介ページ...
- 「ANA SKY WEB TOUR」のホームページデザイン解説
グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューには、航空券やホテルを探す検索窓を設けています。グローバルナビにてANAの国内ツアーや海外ツアー、ANAマイレージクラブなどを案内しています。トップページの中央...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
ポップなホームページのデザイン
- 「Droptokyo」のホームページデザイン解説
東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を3分割したレイアウトで構成されています。スライドショーをスク...
- 「社会福祉法人実源福祉会 一の宮保育園(公式ホームページ)」のホームページデザイン解説
ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
- 「かいせい保育園」のホームページデザイン解説
ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...