NEWPEAKJAPAN様
季節ごとのニーズに応じて導線を最適化することで、需要の高いサービスページへ最短でたどり着けるように
https://himawari-dannetsu.com/
神奈川県 横浜市

![]() | |
|---|---|
| Web制作のポイント |
サーモカメラを用いることで、目に見えない「熱の出入り」を可視化し、住まいに本当に必要な断熱リフォームをご提案しているNEWPEAKJAPAN様のサービスサイトをリニューアルいたしました。
今回のリニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、各プランページへの導線を、季節ごとに変化するニーズに合わせて入れ替えられる仕様にしています。
夏季は「屋根・天井断熱プラン」、冬季は「床断熱プラン」を優先的に掲載することで、暑さ・寒さなどその時期特有のお悩みを解決するプランに最短導線でたどり着くホームページに仕上げました。
「Meta定額制30プラン」をご契約いただいたため、こちらの更新作業は弊社のプロデザイナーがシーズンごとに実施します。追加費用や更新の負担をかけずに、成果を生み出すホームページの運用を実現しています。 |
![]() | |
|---|---|
| 設計・デザインのポイント |
今回、リニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。
そのため、トップページの「住宅の断熱リフォーム」コンテンツでは、PCの広い画面幅を活かして、左側に住宅のイラストを固定表示し、右側の各サービスプランのみがスクロールするレイアウトを採用しております。
右側には、「戸建てまるごと断熱プラン」「床断熱プラン」「窓断熱プラン」「ドア断熱プラン」「屋根・天井断熱プラン」という5つのプランを順番に表示し、スクロールに合わせて、左側の住宅イラスト内の該当する施工箇所が丸いマーカーで点滅するデザインにしました。マーカーには、オレンジやサーモンピンク、ターコイズブルーなどの各プランのイメージカラーを採用しています。
これにより、ユーザーが気になっている施工内容を視覚的に把握し、目的のページへスムーズに進める導線設計となっております。 デザイン面では、お客様オリジナルのキャラクターである、ひまわりを持った熊のイラストをアクセントとして配置しています。柔らかいタッチのイラストを使用することで、親しみやすさや安心感を与え、ユーザーに寄り添う姿勢や丁寧な対応を印象づけるデザインに仕上げています。 また、「床下断熱リフォーム」ページなどの一部のサービスページでは、「この施工を行うことで、住まいがどのように変わるのか」視覚的にわかるよう、オリジナルの作図を用いて表現しました。 |
![]() | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |






