木製防音壁の特徴を伝え、問い合わせへつなげるランディングページ
篠田株式会社さまの木製防音壁「安ら木」のランディングページを制作しました。
「安ら木」は、木の持つあたたかな表情を活かしながら、防音性能を備えた木製防音壁です。商品の特徴を紹介するだけではなく、初めて知った方が自分の悩みと重ねながら読み進め、導入を検討し、問い合わせやカタログダウンロードへ進めるよう、ページ全体の企画・構成からBlookで提案しました。
構成・コピー制作、デザイン、画像加工・合成、イラストの選定・調整、問い合わせフォームやカタログダウンロードの仕組みまで、ランディングページ全体を制作しています。
デザインは篠田株式会社さまのコーポレートカラーである青を基調に、木製防音壁をイメージした面構成を取り入れました。
※木製防音壁「安ら木」は現在販売を終了しており、ランディングページも公開を終了しています。
目次
ユーザーの心理と行動から考えたランディングページ
木製防音壁という商品を初めて知る方に、いきなり性能や仕様だけを並べても、自分に必要な商品なのかはなかなか判断できません。
そこでBlookでは、「安ら木」を知り、興味を持ち、導入を検討するまでのユーザーの心理を考えながら、ランディングページ全体の構成を提案しました。
木製防音壁とはどのようなものなのかを伝えたうえで、施工事例を紹介し、「周囲への音が気になる」「人にも環境にも配慮した防音壁を選びたい」といった悩みへ。そこから導入メリット、導入までの流れ、防音性能、よくある質問へと読み進められる構成にしています。
ページ内の文章やコピーもBlookで制作し、専門的な製品情報を並べるだけではなく、「安ら木」を導入することで何が変わるのかを想像しながら検討できるページを目指しました。
木製防音壁をイメージしたWebデザイン
ページ全体のデザインは、篠田株式会社さまのコーポレートカラーである青を基調にしました。
背景には直線と斜めの大きな面を組み合わせ、木製防音壁をイメージしたページデザインに。黄色をアクセントとして使用し、問い合わせなどの重要な導線が長いページの中でも見つけやすくなるようにしています。
製品そのものを見せるだけではなく、Webサイトを見たときの印象からも「篠田の木製防音壁」が伝わるよう、企業のカラーと商品の特徴をページ全体のデザインにつなげました。
導入後を伝えるメインビジュアルを画像合成で制作
ファーストビューに使用した道路と木製防音壁のメインビジュアルもBlookで制作しました。
道路の風景と木製防音壁を画像加工・合成し、「安ら木」が道路沿いに設置されたときの姿をひとつのビジュアルとして表現しています。
完成したビジュアルの上には、防音による快適な空間づくり、木材による景観へのなじみ、森林資源の活用など、製品の特徴を配置。ページを開いた段階で、木製防音壁がどのような商品で、導入によってどんな価値が生まれるのかを視覚的に伝えられるようにしました。
イラストをサイトに合わせて調整・制作
ランディングページ内では、商品の特徴や導入の流れを分かりやすく伝えるため、人物や街、建物などのイラストも取り入れました。
ベースとなる有料イラスト素材の中からページの雰囲気に合うものを選定し、そのまま使用するのではなく、Illustratorで色や形を調整。必要に応じてパーツを描き足し、既存素材では足りないものは同じ雰囲気になるよう追加制作しています。
写真だけで構成するのではなく、説明する内容に合わせてイラストを使うことで、防音壁を設置する場所や利用する人、導入までの流れなどを直感的に理解しやすくしました。
問い合わせにつなげる追従メニューとフォーム
ランディングページは情報量が多く、ユーザーが問い合わせたいと思うタイミングも人によって異なります。
そこで、ページ右側には「防音壁について」「施工事例」「悩み」「導入メリット」「導入までの流れ」「防音性能」「よくある質問」「カタログダウンロード」へ移動できるメニューを追従表示しました。
さらに「お問い合わせ」への導線も常に確認できるようにし、長いページを最後まで読み切らなくても、相談したいと思ったところから行動へ移れるようにしています。
問い合わせフォームでは、「製品の詳細情報を知りたい」「設置・導入に関する質問がしたい」「見積もりがしたい」など相談内容を選択できるようにし、ユーザーが問い合わせ内容を整理しやすい構成にしました。
検討段階に合わせたカタログダウンロード
「すぐに問い合わせたい」という方だけでなく、まずは製品について詳しく知りたい方のために、カタログダウンロードの導線も設けました。
専用フォームに必要事項を入力・送信すると、木製防音壁「安ら木」のPDFカタログをダウンロードできる仕組みです。
問い合わせとカタログダウンロードという2つの入口を用意することで、すでに具体的な相談を考えている方だけでなく、情報収集をしている段階の方にも次の行動を用意しました。
ランディングページ制作について
Blookでは、商品やサービスを紹介するだけではなく、「誰に、何を、どの順番で伝えるのか」を考えたランディングページを制作しています。
木製防音壁「安ら木」では、ユーザーの心理に合わせた企画・構成から、コピー制作、デザイン、画像加工・合成、イラストの調整・制作、問い合わせフォーム、カタログダウンロードまで、商品を知ってから行動へ進む一連の流れを設計しました。
新商品やサービスの販売促進、問い合わせ獲得を目的としたランディングページについても、企画段階からご相談いただけます。
▼ 関連リンク
商品・サービスの魅力を整理し、問い合わせや資料請求につなげるランディングページ制作もご相談ください。
お問い合わせ・お見積りはこちら
