ファーストビューの画像領域が三つに分かれており、それぞれに車の写真を用いてリンク表示されていることでユーザの関心をえる工夫が施されています。「リーフ」の写真をクリックして遷移する下層ページでは、ページトップムービーが流れており、インパクトのある演出となっています。そのページをスクロールしていくと下部から要素がせり上がってくるような構成になっており、ムービーがそのまま背景になる仕組みになっています。構成する要素にはテレビCMのムービーコンテンツも用意されており、楽しく閲覧できる仕組みがしっかりと考えられています。トップページではサムネイル画像を用いたリンクから様々な記事が閲覧できる構成となっており、全体を通して充実のコンテンツ内容で見応えのあるサイトです。
カテゴリ
基本情報
自動車に関連するデザイン
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「DRIVE CHART」のホームページデザイン解説
ファーストビューは斜めにカットされた運転シーンの写真に、製品写真の切り抜きとレポート画面のキャプチャを組み合わせて、ドライブレコーダーであることが一目でわかるビジュアルにしあがっています。グレーの濃淡をベースに、企業ロゴのオレンジをアクセン...
- 「The new CLA.メルセデス・ベンツ日本」のホームページデザイン解説
ブラックをベースに蛍光色を使ったカラフルなサイトです。ファーストビューでは、The new CLAを紹介しています。グローバルナビにて、メルセデス・ベンツのラインナップを案内しています。トップページの中央に、ニューモデルのCLAクーペを掲載...
コーポレートサイトに関連するデザイン
- 「エッグフォワード」のホームページデザイン解説
トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
- 「弁護士 杉田昌平」のホームページデザイン解説
グレーをベースにネイビーをアクセントにしたサイトです。ファーストビューには、杉田昌平弁護士事務所が写っています。グローバルナビにて、取扱い業務やかかる料金などを案内しています。トップページの中央に、法令を遵守して外国人材を受入れるための法務...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...