HONDAファンのためのコミュニティーサイトということで、サイトを開くと様々な箇所が動いている立体的なイラストがページ全体に広がり、ファンはもちろん、見ているユーザのワクワク感が高まります。イラスト上をクリックすると色々なページに遷移できて閲覧するのが楽しくなるサイトになっています。名車図鑑という、車やバイクを閲覧することができるページに加えて、おみくじや川柳大会などの車に詳しくない人でも楽しめるコンテンツも用意されていて遊び心を感じます。サイト上のどこをクリックするとどのような動きが見られるのか気になって、隅々までクリックしてページを覗いてみたくなるような設計が考えられていて、非常に面白いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
自動車に関連するデザイン
-
「日産：オンラインショップ」のホームページデザイン解説ホワイトと淡いグレーをベースに、ワインレッドのアクセントカラーが目を引きます。メインビジュアルはセールや特集商品のバナーを一つのエリアにコンパクトにまとめ、リンク先のページでビジュアルを大きく表示する構成です。商品ページは商品写真の右に小さ...
-
「BRAND-SQUARE.com」のホームページデザイン解説海外メーカーの認定中古車を主要商品とした検索サイトで、メインビジュアルは高級車がずらりと並ぶ高品質の写真に明朝体のフォントでキャッチコピーを添え、取り扱い車種の豊富さと高級感を感じさせます。各メーカーごとの車種のサムネイルは最低購入価格も併...
-
「D-Ucar.net」のホームページデザイン解説中古車ディーラーの検索サイトで、メインビジュアルはコンパクトながら様々なタイプの車の利用シーンを鮮やかな色彩で描いたイラストで、車選びへの期待感を感じさせます。ボディタイプの一覧はブルーの淡いグラデーションがかかったアイコンで、車種のタイプ...
サービスサイトに関連するデザイン
-
「TNER」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、TNER（トナー）のレンタルオフィスを紹介しています。レンタルオフィスの室内が写っています。トップページの左右に分けたグローバルナビにて、レンタルオフィスのご利用方...
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
イラスト・手書き感なホームページのデザイン
-
「ポmagazine」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、京都を訪れた人々のイラストが描かれています。カーソルをあてたところにホワイトの丸いポインターがついてきて、吹き出しが現れます。グローバルナビにてトピックや特集、コラ...
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...