必要情報までの距離を短くする
従来は情報が縦に長くなりやすく、導入事例、料金、制作フロー、FAQなどへ直感的に進める情報設計が課題でした。
PROJECT 02 / 自社サービスサイト / RENEWAL
HPイノベーション 公式サイト
情報設計・UI/UX・モバイル体験を見直し、成果へつながる導線へ。
ホームページ制作サービスの公式サイトを全面リニューアル。必要な情報へ直感的に進める構成、アクセシビリティを考慮した画面、スマートフォンでの閲覧・問い合わせ体験を再設計しました。
+45%サイト滞在時間
1.7倍コンバージョン率
前年比220%モバイル経由の資料請求・問い合わせ
01 / PROJECT CONTEXT
背景と、
解決すべき課題。
全国の中小企業・個人事業主にホームページ制作を提供する自社サービス「HPイノベーション」の公式サイトを、利用者の声とモバイル利用の増加を踏まえて全面的に見直したリニューアルプロジェクトです。
ブランドと操作性を両立する
モダンな見た目だけでなく、カラー、フォント、アニメーション、アクセシビリティを含めた一貫した画面体験が必要でした。
スマートフォンの相談体験を改善する
公式発表時点でアクセスの約68％を占めていたスマートフォン利用を前提に、閲覧から問い合わせまでを再設計する必要がありました。
02 / DESIGN & IMPLEMENTATION
目的から逆算した、
制作アプローチ。
見た目だけを整えるのではなく、利用者が理解し、必要な情報を確認し、次の行動へ進めることを基準に設計しました。
IAとナビゲーションを再構成
利用者の関心が高い導入事例、料金プラン、制作フロー、FAQへの導線を整理し、情報取得までの迷いを減らしました。
UI/UXとアクセシビリティを刷新
ブランドカラー、文字、余白、動きの設計を見直し、見やすさと先進性を両立させました。
モバイルファーストで再設計
端末ごとの表示と操作性を揃え、スマートフォンから資料請求・問い合わせへ進みやすい構成を整えました。
SEOと表示性能を内部から改善
HTML構造、WebP画像、表示性能などを見直し、検索と利用体験の双方を支える基盤へ更新しました。
03 / OUTCOME & SCOPE公開できる成果と、
公開できる成果と、
担当した制作範囲。
株式会社ファーストイノベーションの公式発表では、リニューアル後のサイト滞在時間が平均45％増加、コンバージョン率が1.7倍、モバイル経由の資料請求・問い合わせが前年比220％となったことが公表されています。
- 情報設計・導線
- UI/UXデザイン
- レスポンシブ
- SEO
- パフォーマンス改善