Works
- website
【架空案件】建設会社のWebsiteを作成しました
山田建設株式会社
製作範囲
- デザイン
使用ツール
- Figma
- Photoshop
制作期間
- ワイヤーフレーム 3日
- デザイン 5日
使用したフォント
- Quentin
- Noto Sans JP
使用したカラー
- #333本文テキスト
- #00723Dアクセントカラー
- #ABC734 背景の柄①
- #F2DF25 背景の柄②
- #E20E67 背景の柄③
- #1B529A 背景の柄④
概要
【架空案件】建設会社のWebsiteを作成しました。
コンクリート製品の開発・製造・販売、インフラ関連事業M&Aを手掛ける事業者様を想定しています。
目的
① 業界の常識や、県や地域の境界線、コンクリート製品の常識を取っ払い新しいことに挑戦していることのアピール
② SNS等を活用した集客
③ ネット上への情報掲載
ターゲット
① M&Aやコンクリート製品に興味がある建設会社
② 工事を依頼する自治体など
デザイン
建設会社という業種から、一般的な建築や土木工事を行う企業をイメージされやすいと考え、ファーストビューには企業説明とコンクリートの写真を配置しました。これにより、扱っている素材や事業内容が一目で伝わる構成としています。
コンクリートの無機質で角張ったイメージをもとに、四角形や三角形のモチーフを全体に配置し、ご要望であった「ポップで楽しい印象」「若い世代に響くデザイン」を表現しています。
背景の柄以外の部分は色数を抑えているため、見出しや重要な情報が埋もれないよう、本文と明確にサイズやウエイトに差をつけ、視認性を高めると同時にデザイン上のアクセントとしました。
最も訴求したいポイントが「新規性・チャレンジ」であったため、ファーストビューにキャッチコピーを配置することを提案し、企業姿勢が直感的に伝わるようにしています。
最終的なゴールをお問い合わせフォームへの誘導とし、サイトのどの位置からでもアクセスできるよう、ヘッダー右側に他のナビゲーションとは差別化した緑色のボタンを配置しました。
全体がポップになりすぎないよう、ベースカラーにはやや濃い緑を採用しています。植物や山、森林といった自然を連想させる色味にすることで、環境への配慮を感じさせるとともに、企業としての安心感・安全性・信頼感につながるよう意識しました。







