トップページが二つに分割されており、左側はムービーや短い間隔で切り替わる写真が用いられたビジュアルエリアになっていて、右側はサムネイルリンク写真が一覧表示になったコンテンツエリアが展開されています。右端にはナビゲーションメニューの固定表示があり、斬新且つ合理的な構成が特徴です。コンテンツエリアはスクロールしていくと非常に多くの記事が用意されていることがわかり、楽しく閲覧できる充実の内容となっています。またサムネイル写真は角丸の四角で統一されていてカーソルを合わせるとテキスト部分に青色のスクリーンが現れて写真が少しズームインするモーションが加えられています。統一感があって、しっかりと作り込まれたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
運送会社に関連するデザイン
-
「アーク引越センター」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューの右から左へ、アーク引越センターのサービス内容をスライドさせています。グローバルナビにて引っ越しプラン、引っ越しの流れなどを案内しています。「単身・ひとり暮らしの引っ越しプ...
-
「ヤマト運輸」のホームページデザイン解説ホワイトをベースに、グリーンやイエローをアクセントにしたサイトです。黒猫のイラストに鍵マークの付いたイエローバナーから、「クロネコメンバーズ」のログイン画面に移ります。ビジネスバッグのイラストに鍵マークの付いたネイビーのバナーは、「ヤマトビ...
-
「VARIE」のホームページデザイン解説ホワイトをベースにブルーをアクセントにしたサイトです。トップページは左右に分かれており、左側は東武スカイツリーライン新越谷駅に直結している「新越谷VARIE」、右側から草加駅直結の「草加VARIE」の駅ビルのサイトにアクセスできます。それぞ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
迫力なホームページのデザイン
-
「MUTEK」のホームページデザイン解説ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「建築と時間と妹島和世」のホームページデザイン解説文字と画像領域が絶妙なバランスで配置されたファーストビューがインパクトのある演出になっていて、サイトの雰囲気を演出する要素になっています。画像領域に表示された写真はスライドショーで切り替わる仕組みになっていて、動きがあることで目を引き、サイ...