PFP様(オウンドメディアサイト)|Web制作実績 レスポンシブ対応|ネオインデックス宮崎

Works

制作実績

PFP様
リサーチ中の潜在顧客をSEOにより集客し、目的のページへ直接導くオウンドメディア設計

https://all-shutter.com/ownedmedia/

東京都 中央区

PC

SP

Web制作のポイント

創業から20年以上にわたり累計1万件以上のシャッター工事を手がけ、豊富なノウハウを蓄積してきたPFP様のオウンドメディアサイトを新規作成しました。

今回新規作成の主要な目的として、「潜在顧客との接点を拡大したい」というご要望をいただきました。そのため、修理を具体的に検討する前段階のターゲットに向けて、「自分で修理したい方」「不具合を気にしている方」「情報収集をしている方」「業者選びの参考・相見積りをしたい方」「シャッターを交換したい方」「防火シャッターの修理・導入をお考えの方」という6つの目的別専用ページを作成しました。

各ページでは、弊社のプロライターが丁寧なヒアリングをもとに情報を整理し、ターゲットに響くキャッチコピーと分かりやすい文章で掲載しています。さらに、関連する「シャッター職人コラム」を連携表示することで、関連テーマまで自然に理解を深められる導線を構築しました。

シャッターに関心を持つユーザーへ継続的に役立つ情報を届けることで、お客様の専門性と信頼感を伝え、将来的なお問い合わせにつながる中長期的な集客基盤を形成しています。

設計・デザインのポイント

「シャッターに興味があり、リサーチしている方」や「不具合に悩んでいる方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7:3に想定し、モバイルファーストで設計しております。

「自分で修理したい方」などの目的別専用ページでは、スクロール時に画面左上へアコーディオンメニュー形式のMENUを固定表示する工夫を施しています。掲載情報が充実しているからこそ、項目ごとに整理することで、画面幅の小さいスマートフォンでも必要な情報へすぐにアクセスできる導線設計に仕上げました。

さらに、メインビジュアル直下に「#窓シャッター」「#修理」「#シャッター豆知識」などのハッシュタグをアイコン付きの横スライド形式で配置しました。各タグをタップすると、該当テーマのコラム一覧ページへ遷移します。横スクロール可能なUIを採用することで、限られた画面幅でも多くのカテゴリーを分かりやすく提示し、気になるテーマの内容を直感的な操作で確認できる仕掛けとしています。


デザイン面では、「シャッターでお悩みの方に、ホームページを通じて安心して知識を深めていただきたい」というお客様の想いを表現するため、「新着記事」や「人気記事」などの背景に、柔らかく温もりを感じさせるノイズ調のデザインを取り入れました。 また、メインビジュアルをはじめ、ページ全体にはシャッター修理に真剣に向き合う男性のお写真や、実際に取り扱ってきた多様な種類のシャッターのお写真を配置しています。そうすることで、企業としての誠実さや専門性を視覚的に伝え、掲載されている情報への信頼感を高める工夫を施しました。
Web制作・運用サポート一覧

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

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP