ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化します。オリジナリティを感じる非常に面白い演出で、ユーザの興味を抱かせる工夫となっています。サイト上ではカーソルも大きな矢印に変化する設計になっていて、サイトの雰囲気を演出する要素になっています。下部でも表示されたメニューリストにカーソルを合わせると、表示された写真が切り替わる仕組みも実装されていて全体を通してしっかりと作り込まれたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「Oui Will™」のホームページデザイン解説ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
-
「My Austria Bucket List」のホームページデザイン解説ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
-
「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
-
「STOCK market」のホームページデザイン解説画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
-
「ホホホタケ」のホームページデザイン解説ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
パープルを使ったデザイン
-
「Bornfight」のホームページデザイン解説クロアチアのデザイン事務所のコーポレートサイトです。サイトにアクセスすると、ブラック1色の画面に力強く書かれたホワイトのキャッチコピーが特大のインパクトを与えます。実績紹介は画面全体を2分割して左にテキスト、右にビジュアルを配置した構成です...
-
「明治大学」のホームページデザイン解説サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...
-
「Opéra National du Rhin」のホームページデザイン解説フランスの国立オペラの公式サイトです。ファーストビューは上下方向にスクロールして２枚の画像が入れ替わるスライドショーで、上演作品のサムネイルは太いブロック体のフォント、小さなセリフ体のフォントを極細のラインで区切ってキャプションを添え、上品...
ポップなホームページのデザイン
-
「やさしい切りかた辞典」のホームページデザイン解説鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...
-
「たまらん堂」のホームページデザイン解説サイトにアクセスすると、キャッチコピーとともにニワトリの手書き風イラストが表示され、画面が切り替わると幅いっぱいにスライドショーが表示される構成で、鮮やかなレッドやイエローをバックにした人物写真の周囲を、手書き風のイラストに囲まれたイラスト...
-
「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
