ファーストビューでは、背景・テキスト・イラスト全てにモーションが加えられていて様々な動きが面白い演出になっています。非常におしゃれでかっこいい雰囲気にまとめられていて、目を奪われてそのまま切り替わっていくのを眺めてしまうような凝った構成です。スクロールすると、車のイラストが一台ずつ表示されていてそれぞれ下層ページへのリンクが用意され、クリックした先ではWEB上で車をカスタマイズできる仕組みになっています。外装内装ともに、カラーやパーツなど細部まで色々なパターンを組み合わせることができて自由度の高いコンテンツになっています。ユーザーが購入検討する際の参考になることはもちろん、興味を感じた車を自分好みにカスタマイズして遊ぶことができて、ユーザーのニーズを叶えた素晴らしいサイトです。
執筆者
カテゴリ
基本情報
自動車に関連するデザイン
-
「日産：オンラインショップ」のホームページデザイン解説ホワイトと淡いグレーをベースに、ワインレッドのアクセントカラーが目を引きます。メインビジュアルはセールや特集商品のバナーを一つのエリアにコンパクトにまとめ、リンク先のページでビジュアルを大きく表示する構成です。商品ページは商品写真の右に小さ...
-
「BRAND-SQUARE.com」のホームページデザイン解説海外メーカーの認定中古車を主要商品とした検索サイトで、メインビジュアルは高級車がずらりと並ぶ高品質の写真に明朝体のフォントでキャッチコピーを添え、取り扱い車種の豊富さと高級感を感じさせます。各メーカーごとの車種のサムネイルは最低購入価格も併...
-
「D-Ucar.net」のホームページデザイン解説中古車ディーラーの検索サイトで、メインビジュアルはコンパクトながら様々なタイプの車の利用シーンを鮮やかな色彩で描いたイラストで、車選びへの期待感を感じさせます。ボディタイプの一覧はブルーの淡いグラデーションがかかったアイコンで、車種のタイプ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ベージュを使ったデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...
かっこいいなホームページのデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「FIL – SUMI LIMITED」のホームページデザイン解説ブラックをベースに白抜き文字を使ったサイトです。ファーストビューでは、スタイリッシュなFIL（フィル）のインテリアを紹介しています。全体的に製品はモノクロ画像、阿蘇の自然を写した景色はカラーで写っています。グローバルナビにて、フィルのコンセ...
-
「Shibuya Media Pedia」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、「OOH360°View&Generator」を使って渋谷を写した高速の動画をあげています。OOH360°View&Generatorはメディアの周辺環境を閲覧した...