万福住建様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績

万福住建様

サービス実績数や施工のビフォーアフター写真をメインビジュアルに効果的にレイアウトし、一目で信頼性を訴求

クライアント 万福住建様(千葉県 船橋市)
制作プラン Meta定額制30プラン
カテゴリ サービスサイト コーポレートサイト・事務所 採用強化
URL https://midori-lifesupport.com/
制作チーム
  • ディレクション
    Y.Goda

  • Webデザイン
    Y.Goda

  • システム
    T.Taguchi

  • マーケティング
    M.Hotta

POINT

制作のポイント

お客様のご要望

  • 集客(新規)を増やしたい

千葉県全域で庭木の伐採・剪定やお庭のお手入れを手掛ける、万福住建様のサービスサイトを新規制作いたしました。


今回の新規作成の主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。そのため、トップページのメインビジュアルでは、ユーザーが初めてホームページを訪れた際に、サービスの強みや信頼性をひと目で理解できるよう情報設計を行いました。


具体的には、「庭木のお手入れまるごとプロにお任せ」「立ち合い不要」「庭木1本から対応可能・依頼OK!」といったお客様ならではのサービスの強みをキャッチコピーで大きく訴求しております。さらに、「伐採・剪定 8,000件以上」「お庭のお手入れ 3,000件以上」「特殊伐採 1,000件以上」という3つの豊富な実績を葉っぱ型のエンブレムで表現することで、視覚的に信頼感を伝えられる設計に仕上げました。


メインビジュアルの右下には、施工事例のBefore・Afterのお写真を配置することで、施工品質や仕上がりの変化を直感的に理解できる構成としました。さらに、実際にご提案を行っているスタッフの笑顔のお写真を採用することで、相談しやすい雰囲気を視覚的に伝え、依頼を検討するユーザーに安心感を持ってもらえる工夫を施しております。

ディレクション
Y.Goda

今回、新規作成の主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。

そのため、「選ばれる理由」ページでは、「伐採」「伐根」「剪定」「お庭の手入れ」「草刈り」「特殊伐採」という6つのサービス導線コンテンツに、それぞれの作業風景のお写真を大きく採用しております。

これらのお写真の上にマウスを乗せると、各サービスの魅力を伝えるキャッチコピーとサービス内容がお写真の上に重なるように現れます。動きを取り入れることで、サービス内容を視覚的に分かりやすく伝えるとともに、興味を持ったサービス詳細ページへ自然に遷移できる導線を設計しました。

Webデザイン
Y.Goda

「お庭のお手入れをしたい方」「急ぎで対応できる業者を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

 

スマートフォンサイトでは、トップページのメインビジュアル直下に配置した各サービス導線を、訴求したいサービスの優先度に合わせて表示にメリハリをつけました。特に訴求度の高い「伐採」「剪定」「お庭のお手入れ」という3つのサービスにはサムネイル画像を配置することで、ユーザーの視線を自然に誘導し、各サービスページへの遷移を促す導線設計に仕上げております。

 

また、「施工事例」ページの各事例に表示されるBefore・Afterの2枚のお写真は、スマートフォンの小さな画面でも施工前後の変化をしっかり比較できるよう、縦に大きくレイアウトしております。お写真の視認性を高めることで、お客様の強みである高品質な施工や細部までのこだわりを十分に伝えられる設計としました。

Webデザイン
Y.Goda

デザイン面では、ホームページの随所に水彩画風のイラストを取り入れることで、お客様の温かみのある雰囲気や安心感を視覚的に表現するとともに、ターゲット層に合わせて上品で落ち着いた印象に仕上げております。

また、お客様のサービスと親和性の高い木や草、葉などのモチーフを背景やあしらいとして取り入れることで、造園・庭木の専門業者としての世界観を演出しました。サービス内容との統一感を持たせることで、親しみやすさの中にも信頼感を感じられるデザインとなっております。

エンジニア
T.Taguchi

システム面では、「施工事例」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、管理画面からお客様ご自身でサービスカテゴリごとに施工事例を登録でき、実際のお写真やお客様の声などの情報を簡単に更新できる設計となっております。

また、こちらの施工事例は各サービスページに連携表示される仕様としました。そのため、各サービスページでは、ユーザーの目的に合った施工事例が表示され、安心感のあるお問い合わせを後押しするコンテンツとなっております。

マーケティング
M.Hotta

SEO対策としては、弊社のマーケティングチームによる競合調査およびキーワード分析を実施したうえで、プロライターが対策キーワードを適切に盛り込んだオリジナル原稿を作成しました。ユーザーが求める情報を提供しながら、検索エンジンからの評価向上も狙っております。

さらに、Googleでは近年、地域との関連性が高いコンテンツをより評価する傾向が強まっており、地域に根ざした情報発信の重要性が高まっています。
そのため、「対策キーワード+地域名」などの検索での上位表示と流入獲得を目的として、各エリアページを作成しております。エリアごとにページを設けることで、それぞれの地域における検索ニーズに対応し、地域名からの集客の獲得と、ホームページ全体のSEO評価向上に繋がる設計としています。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧