ファーストビューでは製造している製品やシステムの説明に、動きを加えた画像が使われていて目を引く構成となっています。フォーマットが統一されていて、画像ごとに色分けされた表示が見やすく、内容がわかりやすい表示です。スクロールすると、製品・サービスの一覧がサムネイル写真を並べたリンク表示が現れ、クリックするとそれぞれの製品・サービスについて詳しく説明している下層ページに遷移します。図やイラストを用いてわかりやすく内容がまとめられていて、閲覧しやすい設計が考えられています。サイト全体を通して、シンプルながら詳しく情報掲載が徹底されていて、完成度の高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
製造業に関連するデザイン
-
「株式会社 中央製版」のホームページデザイン解説サイトを開くとまず、鮮やかなブルーのグラデーションの上に重ねられたキャッチコピーが目に入ります。メインビジュアルの上には4枚の写真がそれぞれ別の色のグラデーションを重ねた状態で配置されており、それぞれがコンテンツのアンカーリンクとなっていま...
-
「北星樹脂工業株式会社」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、画面下部にナビゲーションメニューが表示されていますが、画面をスクロールするとメニューが画面上部に到達したところで固定されます。赤みの強いオレンジトピックスの見出しやコンテンツのキャッチコ...
-
「株式会社タナカ三精」のホームページデザイン解説サイトを開くと横長のスライドショーの上に明朝体でキャッチコピーが配置されます。企業ロゴにも使われている2色のブルーをメインカラーにした、さわやかで信頼感を感じさせる色使いです。事業紹介の紹介文や、コンテンツの見出し、リンクバナーなどに小さな...
コーポレートサイトに関連するデザイン
-
「株式会社彩企」のホームページデザイン解説日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
-
「SOCSマネジメントシステムズ株式会社」のホームページデザイン解説サイトにアクセスすると画面左にキャッチコピーが表示され、その背後にゆっくりとスライドショーがフェードインするファーストビューです。落ち着いたブルーをアクセントにした色使いで、一部のリンクボタンやお問い合わせフォームの背景には鮮やかなグラデー...
-
「オートサロンR’tech」のホームページデザイン解説サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
ホワイトを使ったデザイン
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
-
「株式会社森山建設」のホームページデザイン解説サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
-
「ビストロやま_ウェディングサイト」のホームページデザイン解説メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
ナチュラル・清潔感なホームページのデザイン
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「滋賀創寫舘」のホームページデザイン解説メインビジュアルは結婚式や七五三などのフォトシュートの様子をまとめたスライドショーで、英語の筆記体のタイトルでお洒落なイメージを、リボンやガーランドのあしらいで可愛らしく親しみやすいイメージを演出しています。またスライドショーの下部は波型に...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
