VIEW
MORE

Works

  • website

【架空案件】建設会社のWebsiteを作成しました

建設会社のwebsite

山田建設株式会社

製作範囲

  • デザイン

使用ツール

  • Figma
  • Photoshop

制作期間

  • ワイヤーフレーム  3日
  • デザイン      5日

使用したフォント

  • Quentin
  • Noto Sans JP

使用したカラー

  • #333本文テキスト
  • #00723Dアクセントカラー
  • #ABC734 背景の柄①
  • #F2DF25 背景の柄②
  • #E20E67 背景の柄③
  • #1B529A 背景の柄④

概要

【架空案件】建設会社のWebsiteを作成しました。
コンクリート製品の開発・製造・販売、インフラ関連事業M&Aを手掛ける事業者様を想定しています。

目的

① 業界の常識や、県や地域の境界線、コンクリート製品の常識を取っ払い新しいことに挑戦していることのアピール
② SNS等を活用した集客
③ ネット上への情報掲載

ターゲット

① M&Aやコンクリート製品に興味がある建設会社
② 工事を依頼する自治体など

デザイン

建設会社という業種から、一般的な建築や土木工事を行う企業をイメージされやすいと考え、ファーストビューには企業説明とコンクリートの写真を配置しました。これにより、扱っている素材や事業内容が一目で伝わる構成としています。

コンクリートの無機質で角張ったイメージをもとに、四角形や三角形のモチーフを全体に配置し、ご要望であった「ポップで楽しい印象」「若い世代に響くデザイン」を表現しています。

背景の柄以外の部分は色数を抑えているため、見出しや重要な情報が埋もれないよう、本文と明確にサイズやウエイトに差をつけ、視認性を高めると同時にデザイン上のアクセントとしました。

最も訴求したいポイントが「新規性・チャレンジ」であったため、ファーストビューにキャッチコピーを配置することを提案し、企業姿勢が直感的に伝わるようにしています。

最終的なゴールをお問い合わせフォームへの誘導とし、サイトのどの位置からでもアクセスできるよう、ヘッダー右側に他のナビゲーションとは差別化した緑色のボタンを配置しました。

全体がポップになりすぎないよう、ベースカラーにはやや濃い緑を採用しています。植物や山、森林といった自然を連想させる色味にすることで、環境への配慮を感じさせるとともに、企業としての安心感・安全性・信頼感につながるよう意識しました。

お気軽にお問い合わせください!

お問い合わせ