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

Works

制作実績

絆様
設計を見直し整理することで、必要な情報が的確に伝わり、安心感のあるお問い合わせを後押しするホームページにリニューアル

https://proihin-kizuna.com/

東京都 世田谷区

PC

SP

Web制作のポイント

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

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

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

設計・デザインのポイント

今回のリニューアルの主要な目的として、「自社サイトの集客を強化して、お問い合わせを増やしたい」というご要望をいただきました。そのため各サービスページでは、プランごとの余白を十分に確保することで情報の区切りを明確にし、サービス内容をしっかりと理解できるデザイン設計にいたしました。

また、各プラン内では「基本料金に含まれるサービス」「選べるオプション」「基本料金」といった情報を整理し、それぞれにホワイトの背景を用いることで視認性を向上させています。情報量が多くなりがちなサービスページにおいても、要素ごとの情報の整理とコントラストを意識したデザインにすることで、必要な情報を的確に得られる設計を実現しています。


デザイン面では、あしらいの角を丸くすることで全体にやわらかさを持たせ、ユーザーに対して優しく安心感のある印象を与えるデザインにしました。また、イラストをサイト全体にバランスよく配置することで、親しみやすさを演出しました。文字情報が多くなりがちなサービス内容においても、イラストを適宜取り入れることで情報を視覚的に理解できるよう仕上げています。 さらに、メインサービスである「遺品整理」には企業カラーでもあるブルーを採用し、「特殊清掃」はグリーン、「火災清掃」はオレンジと、サービスごとに明確なカラー設計を行っています。色による明確な区別を設けることで、ユーザーがサービスの違いを判断しやすいデザインにしました。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP