ファーストビューのブラックの背景上ではカーソルが覗き穴に変化し、下層にある写真が円形に覗けるという面白みを感じる構成が実装されています。スクロールしていくとブラックの背景が取り払われて、写真が全面に表示される仕組みになっており、一連の効果がサイトの導入として効果的な演出になっています。また表示される写真はサイトの来訪の度にランダムに変わるようになっており、閲覧する度に変化が見られてユーザの興味を抱かせる工夫が施されています。トップページ下部や下層ページでは、角丸の四角がリンク表示になっていて、統一された要素がサイトの雰囲気を演出する要素になっています。全体のデザインが洗練された美しい構成にまとめられていて、完成度の高いサイトです。
カテゴリ
基本情報
サービスに関連するデザイン
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「Oui Will™」のホームページデザイン解説
ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
鮮やか・元気なホームページのデザイン
- 「日清食品グループ オンラインストア」のホームページデザイン解説
ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「やさしい切りかた辞典」のホームページデザイン解説
鮮やかなブルーをメインとしたビビットカラーのタイトルロゴに、直角三角形のドットで形成された野菜のイラストが次々と流れてきて、コンテンツに対する興味を強く惹きつけます。画面をスクロールすると野菜のイラストのサムネイルと、野菜の切り方のムービー...