Builder 工務店Webサイト
制作について
職業訓練校の卒業制作で架空工務店サイトを作成しました。
-
- 制作年月
- 2023年3～4月
-
- 制作期間・範囲
-
企画・ワイヤーフレーム 3日
デザインカンプ 5日
コーディング 2週間
-
- 使用ツール
- Photoshop / Visual Studio Code
情報整理
-
- 制作の目的
- 会社の認知向上と新規依頼の向上
-
- ターゲット
-
- 30～40代の新築住宅（デザインにこだわりあり）を検討している人
- 店舗や施設を開こうとしているオーナー
- 建物のリノベーションを考えている所有者
ポイント
デザイン
-
- 01信頼感を与えるデザイン
-
建物の購入やリフォームは人生の中でも重要な買い物であるため、信頼感を与えることが大切だと考えました。
ベースに薄いグレーと白、アクセントに青を使用し、全体的に直線的なデザインにすることで清潔で落ち着いた雰囲気にしました。
-
- 02実績写真を主役に
-
実績をアピールし、「この会社なら理想を叶えられる」とお客様に思っていただくことも大切だと感じました。そのため、実績写真を複数掲載し、引き立たせるためにシンプルなデザインに仕上げました。
-
- 03スライドショー
- スライドショー下部に矢印を配置することで手動でも動かせることが伝わるようにしました。
情報・機能
-
- 01ページ下部にアクセスとコンタクトを常に配置
- 問い合わせや店舗への来店につながりやすいようにするため、ページを閲覧していく流れでコンタクトとアクセスに常にたどり着くようにしました。
-
- 02特色と品質をアピール
-
Aboutページではまず、コンセプトを紹介することで競合他社との違いアピールしました。次に、品質についての説明を記載し、安心感を与えました。
-
- 03サービス説明から実績への誘導
- Serviceページでは項目ごとにサービスの説明→実績の順に配置し、サービス内容について知っていただいてから実績ページに誘導できるようにしました。