大きめのファーストビュー画像領域は右から左に画像が流れて切り替わっていく構成となっていて、商品ラインナップの紹介やタレントを起用した企画コンテンツへのリンク画像が用いられていたりと、幅広い内容の表示が興味を抱かせる仕組みになっています。スクロールするとピックアップコンテンツがサムネイル画像で表示されていて、クリックすると特設サイトへ遷移や、膨大な数のムービーコンテンツが見られるページなどによって、ユーザが楽しく閲覧できる工夫が施されています。下層ページを含めてユーザの興味をそそるような工夫が随所に施されていて、非常にクオリティの高いサイトに仕上がっています。
カテゴリ
基本情報
メーカーに関連するデザイン
- 「株式会社伊藤製作所」のホームページデザイン解説
ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
- 「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説
画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
- 「株式会社ダイヤメット」のホームページデザイン解説
メインビジュアルは3枚の写真がゆっくりとズームアウトしながら切り替わるスライドショーで、写真の明度をわずかに下げることで中央に配置したキャッチコピーを読みやすくしています。メインビジュアルと新着情報のエリア、製品紹介のビジュアルとテキストな...
コーポレートサイトに関連するデザイン
- 「株式会社彩企」のホームページデザイン解説
日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
- 「SOCSマネジメントシステムズ株式会社」のホームページデザイン解説
サイトにアクセスすると画面左にキャッチコピーが表示され、その背後にゆっくりとスライドショーがフェードインするファーストビューです。落ち着いたブルーをアクセントにした色使いで、一部のリンクボタンやお問い合わせフォームの背景には鮮やかなグラデー...
- 「オートサロンR’tech」のホームページデザイン解説
サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
ホワイトを使ったデザイン
- 「JEJアステージ株式会社_outre」のホームページデザイン解説
スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
- 「株式会社森山建設」のホームページデザイン解説
サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
- 「ビストロやま_ウェディングサイト」のホームページデザイン解説
メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
シンプルなホームページのデザイン
- 「東海キャスター株式会社」のホームページデザイン解説
メインビジュアルは横長のスライドショーで、特にサイトを開いてすぐに表示される、製品のアップを映した重厚感のある写真が目を引きます。鮮やかなブルーのグラデーションとフラットなグリーンに、カタログ請求や資料請求ボタンのイエローが映える色使いで、...
- 「株式会社ユースペースプランニング」のホームページデザイン解説
メインビジュアルは建物の外観と内装写真で構成されたスライドショーに企業ロゴを重ねたレイアウトです。タイトルは太めの英語フォントで力強く書かれ、本文のフォントを小さめにすることでジャンプ率を上げてメリハリをつけています。モノトーンの色使いと夜...
- 「株式会社 せらら工房」のホームページデザイン解説
メインビジュアルのスライドショーは写真の中央に企業ロゴを小さく配置したレイアウトで、特に1枚目の写真は鮮やかな赤いレンガの家の外観写真を大きく使い、インパクトを与えます。写真と背景を自由なレイアウトで配置し、背景はコンテンツごとにホワイト・...