万福住建様
サービス実績数や施工のビフォーアフター写真をメインビジュアルに効果的にレイアウトし、一目で信頼性を訴求
https://midori-lifesupport.com/
千葉県 船橋市

- 制作プランMeta定額制30プラン
- カテゴリーサービスサイト(PC・タブレット)
![]() | |
|---|---|
| Web制作のポイント |
千葉県全域で庭木の伐採・剪定やお庭のお手入れを手掛ける、万福住建様のサービスサイトを新規制作いたしました。 今回の新規作成の主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。そのため、トップページのメインビジュアルでは、ユーザーが初めてホームページを訪れた際に、サービスの強みや信頼性をひと目で理解できるよう情報設計を行いました。 具体的には、「庭木のお手入れまるごとプロにお任せ」「立ち合い不要」「庭木1本から対応可能・依頼OK!」といったお客様ならではのサービスの強みをキャッチコピーで大きく訴求しております。さらに、「伐採・剪定 8,000件以上」「お庭のお手入れ 3,000件以上」「特殊伐採 1,000件以上」という3つの豊富な実績を葉っぱ型のエンブレムで表現することで、視覚的に信頼感を伝えられる設計に仕上げました。 メインビジュアルの右下には、施工事例のBefore・Afterのお写真を配置することで、施工品質や仕上がりの変化を直感的に理解できる構成としました。さらに、実際にご提案を行っているスタッフの笑顔のお写真を採用することで、相談しやすい雰囲気を視覚的に伝え、依頼を検討するユーザーに安心感を持ってもらえる工夫を施しております。 |
![]() | |
|---|---|
| 設計・デザインのポイント |
「お庭のお手入れをしたい方」「急ぎで対応できる業者を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。
スマートフォンサイトでは、トップページのメインビジュアル直下に配置した各サービス導線を、訴求したいサービスの優先度に合わせて表示にメリハリをつけました。特に訴求度の高い「伐採」「剪定」「お庭のお手入れ」という3つのサービスにはサムネイル画像を配置することで、ユーザーの視線を自然に誘導し、各サービスページへの遷移を促す導線設計に仕上げております。
また、「施工事例」ページの各事例に表示されるBefore・Afterの2枚のお写真は、スマートフォンの小さな画面でも施工前後の変化をしっかり比較できるよう、縦に大きくレイアウトしております。お写真の視認性を高めることで、お客様の強みである高品質な施工や細部までのこだわりを十分に伝えられる設計としました。 デザイン面では、ホームページの随所に水彩画風のイラストを取り入れることで、お客様の温かみのある雰囲気や安心感を視覚的に表現するとともに、ターゲット層に合わせて上品で落ち着いた印象に仕上げております。 また、お客様のサービスと親和性の高い木や草、葉などのモチーフを背景やあしらいとして取り入れることで、造園・庭木の専門業者としての世界観を演出しました。サービス内容との統一感を持たせることで、親しみやすさの中にも信頼感を感じられるデザインとなっております。 |
![]() | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |






