マルユウエナジー様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス仙台

Works

制作実績

マルユウエナジー様
必要な情報にすぐに辿り着けるナビゲーションと、目的に合ったページ構成により、忙しいターゲットに寄り添うホームページに一新

https://maruyuenergy.co.jp/

沖縄県 浦添市

PC

SP

Web制作のポイント

沖縄県にて液化石油ガス・器機販売事業を展開し、快適な暮らしを支えるマルユウエナジー様のコーポレートサイトをリニューアルいたしました。

今回、リニューアルの主要な目的として、「ご契約前の方や住居者向けのナビゲーションを充実させたい」というご要望をいただきました。そのため、開栓のお手続きやお支払い方法など、ガス利用に必要な情報をわかりやすく伝えるために「各種お手続き・サポート」ページを新規作成しました。ページ内には、「お引越しの手続き」コンテンツを設け、入居時・退去時・ガスの停止や再開に関する手続きを、テキストマーカーやアイコンを用いて視覚的に分かりやすく掲載しています。さらに、「緊急時対応」コンテンツでは、ガスの異常を感じた際の対応方法について、親しみやすいイラストと簡潔な説明文でご案内することで、万が一の場面でもユーザーが安心して対処できるよう配慮した構成にいたしました。

このようなページを設けることで、ガス利用時に不安を感じる場面でも、必要な手続きや対応方法がすぐに確認でき、安心してご利用いただけるナビゲーション設計を実現しています。

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

スマートフォンサイトでは、「ガス料金の支払い方法や各種手続き方法を知りたい方や引っ越し先で、これからガスを契約したい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8:2と想定し、モバイルファーストで設計しております。
画面の小さいマートフォンサイトでも、スムーズにガスに関する手続き方法を確認できるよう、ハンバーガーメニューの隣に「各種お手続き・サポート」ページへの導線ボタンを書類のアイコン付きで固定表示いたしました。そうすることで、仕事や育児、引っ越し作業などで忙しいターゲットユーザーが、すばやく「各種お手続き・サポート」ページに遷移し、目的に合った手続き方法を簡単に確認できる導線設計に仕上げています。


デザイン面では、「人の暮らしに寄り添う」というサービスの特性をふまえ、ホワイトをベースカラーにやわらかく温かな印象を与えるデザインにしました。さらに、「各種お手続き・サポート」ページでは、契約や申し込みへとつながるフォームコンテンツに、ポップなイラストや視認性の高いカラーを使用しております。このような工夫を施すことで、ユーザーが内容を確認する中で目に留まりやすく、自然とお問い合わせを後押しするデザインに仕上げました。一方で、解約に関する導線は極力シンプルにまとめ、必要な情報がすっきりと伝わるように設計することで、ユーザーの状況や気持ちに配慮したデザインを実現しています。
Web制作・運用サポート一覧

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

リニューアル無料相談

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

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

PAGE TOP