トップページ全体に写真を多数使っており、とにかく写真が目立つような構成にすることで商品やブランドの内容がストレートに伝わるサイトになっています。説明的なテキストは極力省き、性能や効果などが直感的に理解できるような画像が展開されていることでスッキリと見やすく、スムーズな閲覧が可能となっています。上部に固定表示されたナビゲーションメニューはカーソルを合わせると下部にタブが現れて、内容がリスト表示される機能が実装されていたり、「公式ストアのメリット」を説明した項目ではアイコンを用いていたりとユーザ視点の設計が様々な箇所に施されていてしっかりと作り込まれたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「株式会社伊藤製作所」のホームページデザイン解説ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
-
「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
-
「株式会社ダイヤメット」のホームページデザイン解説メインビジュアルは3枚の写真がゆっくりとズームアウトしながら切り替わるスライドショーで、写真の明度をわずかに下げることで中央に配置したキャッチコピーを読みやすくしています。メインビジュアルと新着情報のエリア、製品紹介のビジュアルとテキストな...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
かっこいいなホームページのデザイン
-
「NTTデータ ルウィーブ株式会社_ネットワークコンシェルジュ」のホームページデザイン解説メインビジュアルは主要なサービスの紹介を5枚のスライドショーで紹介しており、写真は明度をやや下げて上に配置したキャッチコピーが読みやすくなるよう配慮されています。ブルー系を中心にしたビジネス色の強いビジネス色の強い色使いですが、テキストボッ...
-
「株式会社 中央製版」のホームページデザイン解説サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっていま...
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
