左側にナビゲーションメニューが固定表示されていて、サイトの構成がわかりやすくページ移行がスムーズな仕組みとなっています。ファーストビューの画像領域には、大きく画像が表示され、スライドショーで切り替わる画像が下部に並べて小さく表示されています。カーソルを合わせるとその画像が大きな画像領域に表示される仕様で、様々な画像が多数用意されていることでユーザの興味を抱かせる工夫が施されています。スクロールしていくとおすすめ車種の表示が展開され、各モデルのサムネイル写真を用いたリンク表示が見やすい構成となっています。車体のサムネイル写真をクリックすると下層ページに遷移し、PRポイントが写真をメインに展開されています。さらに写真をクリックすると詳細を閲覧でき、しっかりと情報がまとめられたサイトになっています。
執筆者
カテゴリ
基本情報
自動車に関連するデザイン
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
-
「オートサロンR’tech」のホームページデザイン解説サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
-
「山形トヨペット」のホームページデザイン解説画面左と上部にナビゲーションメニューを固定し、メインエリアを大きく使ったデザインで、特にイラストアイコンを大きく使ったサービス内容紹介はひときわ目を引きます。立体的なイラストマップや、手書き風のリボンを使ったコンテンツタイトル、カラスのキャ...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
グレーを使ったデザイン
-
「有限会社関根鉄工所」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、製品の製造の様子と完成品を大きく映した写真の組み合わせで品質の高さを感じさせます。モノトーンをベースにしたフラットなデザインで、お問い合わせフォームのリンクボタンのみゴールドに色を変え...
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
-
「立命館先進研究アカデミー」のホームページデザイン解説サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
ナチュラル・清潔感なホームページのデザイン
-
「ベリーベリーファーム上田」のホームページデザイン解説画面幅いっぱいに表示された農園の全体写真の鮮やかさがまず目を引き、その上に筆記体の英語フォントでキャッチコピーが重ねられています。サイトの導入部分はフルーツの切り抜き写真で囲んでポップで親しみやすい印象を与え、コンテンツは色味を統一した写真...
-
「株式会社山田興業」のホームページデザイン解説サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...
- 「株式会社中島利七_利七屋」のホームページデザイン解説
メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
