これまでの信頼と、これからの答えへ。ミサワリフォーム近畿のサービスサイトリニューアル

 Concept

お客さまへの想いから生まれた、2つのコンセプト

ミサワリフォーム近畿は、構造・躯体に特化したリフォームを手がけ、住まいを長く支えてきた歴史をお持ちの企業です。オーナーさまだけでなく、新規のお客さまからも信頼が寄せられています。

なかでも、ベテラン設計士による提案力や、デザイン性の高さ、地域に根ざした対応力を大切にされてきました。また、主力である屋根・外壁リフォームについては、工法の違いをはじめとする専門性の高い知見をお持ちであり、その価値をお客さまへしっかりと届けたいという想いを伺いました。

そしてそれらの思いや強みを、それぞれ別のターゲットに効果的に届けるために、別立ててコンセプトを考えました。

そこから生まれたのが、2つのコンセプトです。

ミサワホームオーナーさまに向けては、「これまでも、これからも」というコンセプトを。これまでお世話になったお客さまへの感謝と、これからの安心をお約束するトーンなど、オーナーさま向けの情報を記載しています。長年住まいをともにしてきたオーナーさまとの関係が、リフォームを通じてこれからも続いていくという歴史と信頼を表しています。

そして、一般のお客さまに向けては「Beyond the Wall.」（壁の向こうに、答えはある。）というコンセプトを。良さが伝わるよう、住宅だけではない対応領域の広さやリフォームへの不安を解消できるようなコンテンツを設けています。構造・躯体に特化するミサワリフォーム近畿ならではの専門性を、「壁の向こう側」という言葉に込め、住宅だけでなく商業施設や病院まで手がけてきた実績の広がりも重ねています。

サイト内に2つの入口を持たせることで、オーナーさま向けにはより具体的なお住まいの課題解決に向けた内容、一般のお客さま向けには抽象度高く様々なリフォームが出来ることを強調し、それぞれに合った情報へ自然にたどりついていただけるコンセプトにしました。

Design

信頼感と情報伝達性を両立するサイトデザイン

グループ会社であるミサワホーム近畿様とのつながりを大切にしながら、リフォーム事業ならではの魅力を伝えたいという想いをお持ちだったミサワリフォーム近畿様。

2つのコンセプトを体現するために、ミサワホーム近畿様の信頼を受け継ぐ色設計と、オーナーさま・新規のお客さまがそれぞれ迷わず情報へたどりつける構成に整えました。

カラーリングはレイロが以前手がけたミサワホーム近畿様のサイトカラーに合わせながらも、ミサワリフォーム近畿様らしい爽やかさを表現するため、青をすこし薄めた独自のトーンへと仕上げました。

コンセプトを軸に、コンセプト下の文章も一つひとつレイロで制作しました。

「おすすめのリフォーム・リノベーション」ページでは、実際のリフォーム事例の写真を使用したり、それぞれの詳細ページへ遷移するようにして、具体例をもとに丁寧に案内する構成にしました。また、一般のお客さまとオーナーさまとで、お見せする実績の内容や情報の整理の仕方を変えています。

各営業所ではイベントやキャンペーンを地域に合わせて実施されています。その一つひとつがお客さまとの関係を深める大切な機会になっているとのお話から、「お近くのミサワリフォーム営業所・お得なイベント/キャンペーン」ページでは、地図からエリアを選択すると、その地域のイベントやキャンペーン、営業所情報が見られるようにしました。

リフォームの流れは、左側にメニューを固定し、流れ全体を把握しながら詳細をクリックで確認できる構成にしました。今回新たに設けたこのページによって、問い合わせ前にリフォームの流れをご理解いただけるようにしています。お客さまにお願いしたいことも箇条書きで端的に示すことで、初めての問い合わせでも安心して進めていただけるようにしています 。

採用ページは、新卒と既卒で入口を分け、どちらも業務内容や会社についての情報を先にご案内し、募集職種ごとの要項は左側で切り替えられる構成にしています。サービスサイトのオーナーさまと一般のお客さまの出しわけのように、ターゲットそれぞれに最適な情報が届くようにしています 。

中途採用の方向けには、社員の1日のスケジュールを写真とともに掲載し、入社後の姿を想像していただけるようにしました。

Implement

一つひとつの動きに宿した心地よさ

コンセプトを体験にまで落とし込むため、オーナーさま向けの部分はトップページの写真はズームしながら切り替わる演出を実装しました。コンセプト下の文章や写真もゆっくりと浮かびあがるように表示させ、企業の歴史や想いを感じていただけるようにしています。

反対に一般のお客さま向けの部分はスムーズに読み進められるように機能性に特化した動きにしました。会話形式の吹き出しは、会話の流れに沿って軽やかに浮かびあがるアニメーションを実装し、自然と目に留まり読み進めていただけるようにしています。

そしてスクロールするとヘッダーが静かに縮小しながらとじていく設計にすることで、コンテンツをストレスなくご覧いただける画面にしました。

リフォームの流れを紹介するメニューも、選択するたびに表示が切り替わるだけでなく、心地よい速度で該当箇所までスクロールするように設計し、情報を追いやすい体験にしました。