KTG HP DESIGN
HOMEPAGE DESIGN PROPOSAL

ホームページのデザイン3案(おりこうブログ版)

3案とも、おりこうブログの標準の部品(エリア・ブロック)だけで組み直しました。色はロゴの藍紫・シアン・チャコールで統一し、掲載内容は現行トップページのままです。上のタブで案を切り替え、「ブロック分解表」「確認事項」などで、制作時の組み方や確認が必要な点も同じ画面で見られます。

藍紫 #585080
シアン #00A0E0
チャコール #181818

3つのデザイン

A案のトップページ
A 斜線の案より

全幅の写真タイルで見せる、信頼感のある企業サイト

現行ページの縦に読み進める流れを保ち、事業3つを全幅の写真タイルで見せます。採用は濃色の帯で目立たせます。

  • 濃い藍紫のヒーローと、31年・3本柱などの数字
  • 事業は3分割の写真タイル
  • 採用は藍紫の帯、アクセスは電車ごとのカード
A案を見る
B案のトップページ
B タイルの案より

写真と色のタイルで整理して見せる企業サイト

会社案内・事業案内・採用・お取引会社様の入口を、2分割・3分割のタイルで並べます。入口が多い会社向けです。

  • 会社案内と採用は、色面タイルで強調
  • お取引会社様の入口を、採用と並べて明示
  • アクセスは3列カード+地図
B案を見る
C案のトップページ
C やわらかの案より

角丸のカードで、親しみやすく見せる企業サイト

角を丸くしたカードと淡い水色の背景で、やさしい印象にします。求職者や初めての依頼先向けです。

  • 事業3つは、写真つきの角丸カード
  • 採用とお取引会社様は、写真つきバナーで入口に
  • 丸ゴシック系のやわらかい文字
C案を見る

スマホでの見え方

A案スマホ
A案
B案スマホ
B案
C案スマホ
C案

この版で変わった点

  • 前回の見本にあった「斜めの切り口」「波の区切り」「左に固定したナビ」「右下に固定したRECRUIT」は、標準の部品では作れないため、この版には入れていません。必要な場合は、画像として追加する前提で別途ご相談ください。
  • 3案の違いは、エリアの組み方(全幅タイル/色面タイル/角丸カード)、角の丸み、文字、色の使い方で表現しています。
  • 各案のページ上部のメニューは、現行サイトのトップへ仮でリンクしています。リニューアル後のページ構成が決まり次第、差し替えます。
  • 写真は既存素材(建物外観・事業3つ)です。解像度が低いため、撮り下ろしを推奨します。地図は仮の絵で、実際はGoogleマップに差し替えます。
  • 受付時間は資料に記載がなかったため表示していません。神山オフィス・不動産事業部・営業職募集は、トップへの掲載位置を確認のうえ追加します。
  • 「ブロック分解表」は制作側の資料です。お客様に共有する場合は、このURLではなく、見本のみのお渡し版をご用意します。