サイトを開くとファーストビューに大きな画像が一枚とその横に4枚の小さな画像が現れ、様々な情報が一目で確認できる構成になっていることでユーザの関心を得る仕組みがしっかりと考えられています。またそれぞれが下層ページへのリンク画像となっていて充実のコンテンツが用意されていることがわかります。スクロールしていくと商品一覧が展開され、サムネイル画像を用いたカテゴリ一覧表示によって見やすい構成となっています。カテゴリごとに分けられた商品ページは下部に設置されたリンクから下層ページに進むと閲覧できる仕組みで、それぞれしっかりと作り込まれています。全体を通して充実の内容が気持ちよく閲覧できる完成度の高いサイトです。
カテゴリ
基本情報
メーカーに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「株式会社伊藤製作所」のホームページデザイン解説
ファーストビューは画面いっぱいに配置された写真の上にテキストを重ねたスライドショーで、テキストの下にはプログレスバーが配置されており、ローディングのタイミングとスライドの枚数が一目でわかる構成となっています。メインは1カラムのレイアウトで、...
- 「リンナイ株式会社_ドリームキャンペーン」のホームページデザイン解説
画面いっぱいに広がったパープルのグラデーションの上に、花火のイラストと立体感のあるキャンペーンタイトルが目を引きます。その下には金色の放射状の背景を敷いたバナーを設置し、当選人数と当選率の高さをアピールしてキャンペーンへの応募を促しています...
コーポレートサイトに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
重厚感なホームページのデザイン
- 「小林研業株式会社」のホームページデザイン解説
メインビジュアルに使われている研磨の様子をおさめた2枚の写真は全体的にダークな色調でまとめられており、重ねたホワイトのキャッチコピーが引き立ちます。コンテンツは写真を背景にブラックやダークネイビーのグラデーションを重ねた重厚感のある色使いで...
- 「株式会社 共栄鍛工所」のホームページデザイン解説
メインビジュアルのスライドショーは写真の上に斜めにカットしたネイビーのベタを重ねており、その上に重ねた大きめのキャッチコピーが読みやすいだけでなくスタイリッシュな印象を与えます。ネイビーをメインにイエローをアクセントにしたコントラストの高い...
- 「サンファーネス株式会社」のホームページデザイン解説
サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...