ナビコーポレーション様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績
情報を整理し、知りたい内容へスムーズにアクセスできる設計×親しみやすいデザインで、お問い合わせを後押し
| クライアント | ナビコーポレーション様(東京都 豊島区) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | サービスサイト 建築・住宅・不動産 その他 |
| URL | https://ofnavi.com/ |
| 制作チーム |
|
REPUTATION
お客様アンケート評価
公開後たった2週間で表示回数が3倍以上になり、実際にお問い合わせも増え満足しています。
5段階評価平均
5.0
-
担当者の評価
5/5
-
担当者の知識
5/5
-
リクエスト対応
5/5
-
デザイン
5/5
-
フルオーダーメイド設計
5/5
-
CMS更新システム
5/5
-
制作料金
5/5
ネオインデックスを選んだ理由は?
- 初期費用0円
- 運用サポート
- 高品質なWebデザイン
- 制作実績が良かった
- 担当者が良かった
POINT
制作のポイント
お客様のご要望
- 集客(新規)を増やしたい
- HPデザインを良くしたい
- 検索順位を上げたい(SEO対策)
14年にわたり東京都内でバーチャルオフィスを提供し、数多くの確かな実績を持つナビコーポレーション様のサービスサイトをリニューアルしました。
今回、リニューアルの主要な目的として、「新規顧客を増やしたい」というご要望をいただきました。そのため、バーチャルオフィスを選定中のユーザーにお客様独自の魅力がひと目で伝わるよう、「オフィスナビが選ばれる理由」コンテンツを、メインビジュアル直下に配置しています。
こちらのコンテンツでは、丁寧なヒアリングを通じて引き出したお客様ならではの強みである「東京同一業種の中で最強コスパ」「14年以上にわたる安心の実績」「一人ひとりのニーズに応える、柔軟な対応力」という3つのポイントを、親しみやすいイラストとともに分かりやすく掲載しました。
弊社のプロライターが競合との差別化ポイントを言語化し、心に刺さるキャッチコピーと初めての方にも理解しやすい文章を作成することで、サービスの価値を効果的に伝えています。
![]()
ディレクション
H.Mori
今回リニューアルの主要な目的として、「新規顧客を増やしたい」というご要望をいただきました。そのため、メインで訴求したい「バーチャルオフィス」ページまでスムーズにアクセスできるよう、トップページのメインビジュアルには、最大の強みである「都内屈指のコスパ」を打ち出した導線バナーを大きく配置しています。
「バーチャルオフィス」ページでは、「こんなお悩みはございませんか?」「特徴」「サービス内容」「オプションサービス」「料金表」「他社との比較」「ご利用の流れ」「よくある質問」という8つのコンテンツを掲載しました。他社と比較しながらバーチャルオフィスを検討するユーザーが、必要な情報を1ページでまとめて確認できる構成に仕上げています。
また、充実したコンテンツを掲載しているからこそ、効率よく知りたい内容にアクセスできるよう「目次を見る」ボタンを画面左上に固定表示しました。ワンクリックで目次をアコーディオン表示でき、すぐに気になる情報まで遷移できる導線設計となっています。
![]()
Webデザイン
H.Mori
「起業したばかりで都内のバーチャルオフィスを検討している方」や「海外に拠点を持ち、郵便物の受け取りを任せたい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8:2に想定し、モバイルファーストで設計しております。
そのため、スマートフォンサイトでは、初めてバーチャルオフィスを利用するユーザーが気になる点を気軽に相談できるよう、「お電話」「メール相談」「LINEで相談」という3つのお問い合わせボタンを画面下部に固定表示しました。サービス内容や明瞭な料金体系、お客様の声などを確認し、「ここで、自分の働き方に合ったプランについて相談してみたい」と感じたタイミングで、好みの方法を選んでお問い合わせできる導線に仕上げています。
また、トップページの「バーチャルオフィス」コンテンツでは、「人気エリア!池袋・大塚オフィスが、たったの月額2,150円(税込)〜であなたのビジネス拠点に。」という力強いキャッチコピーとともに、格安な料金プランの一覧表や、充実した基本サービスの内容、オプションサービスの内容までを整理して掲載しております。そうすることで、複数のバーチャルオフィスを比較・検討するユーザーが、トップページを閲覧するだけで独自の強みや必要な情報をスムーズに把握でき、そのままお問い合わせへとつながる構成としました。
![]()
Webデザイン
H.Mori
デザイン面では、「気軽に相談できる親しみやすさ」と「一人ひとりのニーズに寄り添う誠実さ」というお客様が大切にされている姿勢を、視覚的に伝える工夫を施しました。
メインビジュアルをはじめホームページ全体は柔らかいグリーンを基調とし、明るく親しみやすい社員様の姿を想起させるお写真を随所に配置しています。電話でいきいきと対応する爽やかな笑顔の男性や、デスクで作業する穏やかな表情の女性などのお写真を採用することで、実際に業務をサポートする人物像を具体的にイメージでき、安心感のあるデザインに仕上げました。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

リニューアル前は、最新の情報が更新されておらず、各サービス内容も整理されていない状態でした。また、お客様ならではの「14年にわたる数多くの実績」「顧客満足度の高さ」「明瞭な料金体系」という魅力が十分に伝わらないため、お問い合わせにつながらないという課題を感じていらっしゃいました。

リニューアル後は、「バーチャルオフィス」「電話代行」「転送電話」など各サービスの詳細ページを新規作成し、最新情報を分かりやすく整理して掲載しています。さらに、「お客様の声」「料金」ページをそれぞれ新設し、顧客満足度95.6%という具体的な実績と実際の利用者の声、そして明瞭な料金体系を掲載することで、サービスへの信頼感を高める構成に一新しました。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン


SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン



WORKS