ヘッダーに表示されたナビゲーションメニューには、各メニューごとにオリジナルデザインのアイコンが設置されており可愛らしいアイコンがサイト全体の雰囲気を演出する要素になっています。またメニューはスクロールすることで上部に固定表示される仕組みになっていて内容が分かりやすく、スムーズな閲覧が可能な設計です。ファーストビュー画像領域では鮮やかな色遣いの画像がスライドショーで切り替わる仕組みで、目に止まりやすい構成が考えられています。リフォーム事例の紹介項目では背景に模様が使われていて、その上にサムネイル写真を用いて見やすい構成になっています。下層ページもしっかりと作り込まれていて、クオリティの高いサイトです。
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
- 「NTTレゾナント」のホームページデザイン解説
ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
- 「教えて!goo」のホームページデザイン解説
メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
- 「goo ランキング」のホームページデザイン解説
シンプルなサイトロゴにレッドの太いボーダーが引かれたナビゲーションバーが目を引きます。その下のカテゴリー一覧はカラフルなパステルカラーのラインが引かれ、各記事のカテゴリーアイコンの色と連動したデザインです。記事サムネイル、カテゴリー、タグ一...
サービスサイトに関連するデザイン
- 「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説
地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
- 「株式会社東名_オフィス光119」のホームページデザイン解説
メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
- 「salon de You_vary clue」のホームページデザイン解説
メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ホワイトを使ったデザイン
- 「JEJアステージ株式会社_outre」のホームページデザイン解説
スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
- 「株式会社森山建設」のホームページデザイン解説
サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
- 「ビストロやま_ウェディングサイト」のホームページデザイン解説
メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
堅め・信頼感なホームページのデザイン
- 「116コーチング&パートナーズ合同会社」のホームページデザイン解説
メインビジュアルは写真の上に企業ロゴとキャッチコピーを重ねたスライドショーで、キャッチコピーは視認性を上げるために背後に白のシャドウを入れています。ブルー系でまとめたビジネス色の強い色使いで、信頼感を与えるデザインです。サービス紹介のサムネ...
- 「有限会社 一代工務店」のホームページデザイン解説
半透明のオレンジを重ねた写真の中央に企業ロゴとキャッチコピーを重ねたビジュアルがぱっと目を引くファーストビューです。オレンジのアイコンやボタンをアクセントにした色使いで、背景にはグレーの角丸長方形と、写真にぼかしをかけたような淡いグラデーシ...
- 「重泉工作所」のホームページデザイン解説
メインビジュアルは3枚の写真で構成されたスライドショーで、メモリアルプレートの写真、子供を抱き上げる親の写真、田んぼと青空が広がる写真の組み合わせで穏やかな空気感をまず感じさせます。メインコンテンツはタイル状に並べた写真の上にグラデーション...