トップページ上に写真が多数使われていて、スクロールしていくことで次々と現れる写真が鮮やかで目を引く構成となっています。ファーストビューの画像領域は、大きな画像が縦に三枚並んでおり、インパクトのある演出が施されています。「Products」の項目では車やバイクといったカテゴリごとに製品情報の表示を分けており、それぞれのカテゴリにサムネイル写真を用いていて見やすい構成が考えられています。「クルマ」のカテゴリをクリックした先の下層ページでは可愛らしいイラストを用いて展開されたページがあり、楽しく閲覧できる内容になっています。他のページも充実のコンテンツ内容で見応えのあるサイトです。
カテゴリ
基本情報
自動車に関連するデザイン
- 「小金井自動車学校」のホームページデザイン解説
ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
- 「オートサロンR’tech」のホームページデザイン解説
サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
- 「山形トヨペット」のホームページデザイン解説
画面左と上部にナビゲーションメニューを固定し、メインエリアを大きく使ったデザインで、特にイラストアイコンを大きく使ったサービス内容紹介はひときわ目を引きます。立体的なイラストマップや、手書き風のリボンを使ったコンテンツタイトル、カラスのキャ...
サービスサイトに関連するデザイン
- 「島田工房」のホームページデザイン解説
メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
- 「株式会社中島利七_利七屋」のホームページデザイン解説
メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
堅め・信頼感なホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
- 「株式会社山田興業」のホームページデザイン解説
サイトを開くと画面幅いっぱいに表示されるメインビジュアルは、4枚の写真を組み合わせた中央にキャッチコピーを重ねた、事業内容のイメージが一目で掴める構成です。サービス紹介の一覧は写真をタイル状に並べ、ブラックのオーバーレイを重ねることで重厚感...