宮の森霊園様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「納骨堂とお墓の契約件数を増やしたい」というご要望をいただきました。そのため、トップページのメインビジュアル直下に「屋内霊園のご案内」と「納骨堂のご案内」という2つの導線バナーを配置しています。

特に訴求したい「屋内霊園のご案内」のバナーには、すべてのプランに永代供養が付くというお客様ならではの強みを吹き出しで目立たせ、バナーサイズも「納骨堂のご案内」より大きめに設定しました。「屋内霊園のご案内」ページへの流入を強化し、お客様の屋内霊園の魅力を存分に伝えることで、契約につながるお問い合わせを後押ししています。

また、お客様ならではの魅力である「中央区にありながら自然豊かなロケーション」を伝えるため、「ロケーション」ページでは、PC画面の幅いっぱいに実際のお写真を配置しました。四季折々の自然に包まれた永代供養塔や、中央区を一望できる美しい景観を掲載し、その魅力を臨場感豊かに伝えています。

「生前墓を検討している方」「親族の納骨先を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7：3に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、画面右下に「お問い合わせ」ボタンを固定表示し、タップすると「電話する」「資料請求」「見学相談」という3つのボタンがスライド表示される仕組みを採用しました。

そうすることで、墓じまいの費用がかからないことや、年3回お寺で行われる丁寧なご供養など、お客様ならではの安心できるポイントを確認したうえで、目的別にスムーズにお問い合わせできる導線設計に仕上げております。

また、ターゲット層の年齢が高いことを考慮し、限られた画面幅でもサービスの魅力を効果的に伝える工夫を施しました。たとえば「屋内霊園のご案内」ページでは、強みを伝えるキャッチコピーを大きく配置し、詳細説明は「もっと見る」をタップすると表示される仕様となっています。視認性を高めながらも、情報を整理して見やすく掲載することで、ターゲットに効果的に情報を伝えられる構成にしました。

デザイン面では、「一つひとつのお墓に関するお悩みに寄り添い、安心できる方法を一緒に見つけていきたい」という、お客様の温かさや安心感を表現できるよう工夫を凝らしています。

具体的には、トップページの「屋内霊園のご案内」や「生前墓のすすめ」などのコンテンツ背景に和紙の質感をあしらい、落ち着きとぬくもりを感じるデザインにしました。さらに、「お急ぎの方へ」ページの「こんなときは、お電話ください」や「ご納骨までの流れ」などのコンテンツには、それぞれの内容に合わせた柔らかな色合いのイラストを添えています。不安を抱えながら訪れるユーザーにも寄り添う、温かみのあるホームページに仕上げました。