絆様（サービスサイト）｜Web制作実績 レスポンシブ対応｜ネオインデックス静岡

遺品整理や特殊清掃、火災清掃、ゴミ屋敷清掃、解体工事・産廃処理、原状回復工事という、非常にデリケートで困難な状況において必要とされる作業に幅広く対応できる、絆様のサービスサイトをリニューアルいたしました。

今回、リニューアルの主要な目的として、「自社サイトの集客を強化して、お問い合わせを増やしたい」というご要望をいただきました。そのため、ユーザーがスムーズに問い合わせできる導線設計を重視いたしました。具体的には、「お急ぎの方へ」「今すぐ無料相談」という2つの導線ボタンを、ヘッダー右上に固定表示しました。これにより、急なトラブル発生時やサービス内容を確認して納得できたタイミングで、迷うことなくお問い合わせへ進める設計に仕上げています。

また、「今すぐ無料相談」ボタンでは、「電話」「LINE」「メール」という3つの問い合わせ方法をモーダルウィンドウで表示しています。それぞれをブルー、グリーン、オレンジで視認性高く色分けすることで、ユーザーが自身に合った連絡手段を直感的に選択できるよう配慮しました。

スマートフォンサイトでは、「遺品整理を必要としている方」「身近な人が急に亡くなり、どうすればいいかわからない方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9：1に想定し、モバイルファーストで設計しております。

お問い合わせ導線として、画面右上には「お急ぎの方へ」ボタンを、画面下部には「電話」「LINE」「メール」という3つのお問い合わせボタンを固定表示しました。そうすることで、突発的なトラブルで早急な対応が求められる場面においても、ユーザーが自身に合った方法で迷うことなくお問い合わせできる導線を実現し、お問い合わせ数増加を後押ししています。

また、トップページ中部に配置した解決事例コンテンツでは、実際の作業料金や作業内容、リアルタイム作業実況といった詳細情報をアコーディオン形式で表示しています。初期表示では必要最低限の情報に留めることでページの縦長化を防ぎつつ、詳細を知りたいユーザーは深掘りできる設計に仕上げています。

さらに、ハンバーガーメニュー内には、6つの主要サービスをサムネイル画像付きの導線ボタンとして配置しました。文字情報だけでは伝わりにくいサービス内容も、視覚情報を加えることでイメージしやすくなると同時に、タップ範囲を広げることで操作性を高めたデザインとなっています。