ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です。スクロールした先では地球のオブジェクトが常時回転し続けるモーションが見られたり、スクロールと連動して文字が現れたりするモーションが見られたりと、ユーザを楽しませる工夫が随所に見られます。ムービーコンテンツも用意されていて、カラーも統一されており全体を通して楽しく閲覧できるサイトが完成されています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「公益社団法人 日本てんかん協会」のホームページデザイン解説サイトを開くと4枚の画像で構成されたスライドショーが表示され、可愛らしいイラストやポップな文字使いで親しみやすさをまず感じさせます。青みがかったピンクと淡いグレーの2色をメインカラーにした、ナビゲーションメニューやコンテンツの入り口にイラス...
-
「新潟土地建物販売センター株式会社」のホームページデザイン解説サイトを開くと、鮮やかな青空をバックに手のひらの上に乗せた家の模型の写真がぱっと目に入り、余白に配置されたキャッチコピーと合わせて目を引きます。1カラムのシンプルなレイアウトで、鮮やかなグリーンをアクセントカラーにしたさわやかな色使いです。...
-
「フォトスタジオKOWA」のホームページデザイン解説メインビジュアルは結婚式・七五三・出産などの家族の記念写真の撮影風景をまとめたスライドショーで、それぞれに帯を敷いたキャッチコピー、右上がりに書かれた2種類の英語の店舗ロゴ、ガーランドのパーツがあしらわれています。ナビゲーションメニューには...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
