しっかりとした堅めのサイト構成で、安心感・信頼感を感じるデザインになっています。ファーストビューにはムービーと写真をどちらも使って、商品のPRと会社の情報を発信しています。ページの遷移先が画像領域の下部に記載されていて、気になったページへの誘導がスムーズな設計が考えられています。スクロールしていくと個人向けと法人向けに分けられて製品の紹介ページが作られていて、見やすいデザインです。下層ページではイラストや図で様々な情報を記載してあり、さらにムービーも用意されていてしっかりとユーザ目線が考えられたページとなっています。フッターにはキャラクタの可愛らしいイラストが小さく使われていて、ちょっとした遊び心も感じます。
執筆者
カテゴリ
基本情報
メーカーに関連するデザイン
-
「Pride.RU」のホームページデザイン解説ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...
-
「ダイキン」のホームページデザイン解説グレーをベースに、ブルーやブラックをアクセントにしたサイトです。ファーストビューでは、空気のキレイな海上の画像が使われています。グローバルナビにてダイキンの企業情報、サポートなどを案内しています。サポートとして「個人のお客様」と「法人のお客...
-
「ノーリツ ユーザサポート」のホームページデザイン解説グレーをベースにレッドをアクセントにしたサイトです。ファーストビューには、シャワーのイラストが描かれています。グローバルナビにてノーリツの商品情報、アフターサポートなどを案内しています。トップページの中央に、「おふろ部」や「毎日グリル部」を...
ポータルサイトに関連するデザイン
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「OROMO」のホームページデザイン解説一点が角丸になった四角の形状がサイト内のキーオブジェクトとなっていて、ファーストビューの画像領域も角丸部分が強調された形状になっています。画面右上に大きく設置された画像領域はインパクトがあり、その横にナビゲーションメニューが縦に並んでいるこ...
-
「熊本電子ビジネス専門学校」のホームページデザイン解説サイト全体に大きく画像が使われていて、インパクトのある演出が施されています。ファーストビューでは全画面表示の写真がスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップの効果が加えられていることでサイトの雰囲気を演出する要素になっ...
ホワイトを使ったデザイン
-
「TEPRA PRO “MARK”」のホームページデザイン解説全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...
-
「関西化成品輸送株式会社」のホームページデザイン解説写真と文字が組み合わさったファーストビューの構成が、おしゃれでかっこいい雰囲気を作りあげる要素になっています。右側にはナビゲーションメニューがリスト表示されていることでサイトの内容がわかりやすくスムーズな閲覧が可能な設計です。スクロールして...
-
「Orico」のホームページデザイン解説シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...
シンプルなホームページのデザイン
- 「Orico」のホームページデザイン解説
シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...
-
「UDATSU」のホームページデザイン解説全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...