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

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






