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