サイトを全面リニューアル。目的のコンテンツにアクセスしやすいコーポレートサイト

服部モータース様からのご依頼に応じて、コーポレートサイトのリニューアルを行いました。リニューアルにあたってディレクション、デザイン、コーディング、CMS実装まで一貫して弊社で担当しております。服部モータース様は、愛知県稲沢市にある本社を拠点にロードサービスや自動者保険、DM車検、新車販売、キャンピングトレーラーの販売など、お車に関する様々な事業を展開されております。

案件概要

提案内容

誠実さと安心感をテーマにデザインをリニューアル

現行サイトのデザインをフルリニューアルするご要望をいただき、数回のヒアリングを重ねながらデザイン制作を進めました。コーポレートサイトとして、クライアントの誠実さや安心感を表現するデザインを心掛け、ロゴのイメージに合わせて赤と青を基調とした配色を選びました。また、レイアウトはシンプルに保ち、コンテンツの読みやすさを最優先に考えています。

クライアントはモータース企業であり、多岐にわたる事業内容を持っていることが特長です。ヘッダーメニューやファーストビュー、トップページのサービスなどデザインを考える上でユーザーが目的とするサービスコンテンツをすぐに見つけられるような設計にしました。また、事業の数が変わってもデザインが崩れないよう、レイアウトは柔軟に対応できるように工夫して作成しました。

ユーザーのニーズに合わせてコンテンツを追加

デザインのリニューアルに伴い、サイト構造の改善提案も行いました。主に会社情報と事業コンテンツを整理しました。会社概要やスタッフ紹介など、会社に関連する情報を一つのカテゴリーにまとめ、事業内容も「サービス」として同じカテゴリーに分類しました。これにより、情報量が多い場合でも、サイトの構成をスッキリさせることができました。

ユーザーのニーズを考慮し、現行サイトにはない新規コンテンツの追加も提案しました。「特長」ページを用意し、スムーズにクライアントの理解を深めることができるコンテンツを用意しました。また、「よくある質問」のコンテンツを追加したことで、各サービスに関する疑問をお問い合わせで確認する前段階で解消できるよう工夫しました。

ユーザーフレンドリーなサイト設計

クライアントのサイトには多くのカテゴリーがあり、それぞれのコンテンツ量が豊富です。そのため、ユーザーが欲しい情報を簡単に見つけられるよう、読みやすい工夫を施しました。具体的には、各カテゴリーページにサイドカラムを設けて「目次」を追加しました。これにより、画面が小さいデバイスでも目次を通じて簡単に目的のコンテンツを探せるようになりました。また、ページトップリンクも設けているため、いつでも目次に戻ることもできます。

各サービスページには関連するお知らせ記事やよくある質問を設置しています。こちらも関連情報を見つけることができるように紐づけて実装しています。

ランディングページで新規事業の訴求をサポート

クライアントはリニューアル前からキャンピングトレーラーの販売を新規事業として始めていました。新規事業をもっと訴求させていきたいというご要望も今回のリニューアルの要件の中にありました。弊社はコーポレートサイトとは別に専用のLPを設けキャンピングトレーラーの販売に興味を引くコンテンツを提供しました。またサイトのトップページの方にもキャンピングトレーラーに注目してもらうためのデザインを施し、そこからLPに遷移できるような設計にしています。

今回作成したランディングページ（LP）は、a-blog cmsの専用テーマを使用しています。このテーマには、ランディングページ作成に適したさまざまなコンポーネントがあらかじめ用意されているため、スムーズにページを構築することができます。カスタマイズが可能なので、オリジナルのデザインのLPも作成することができます。

サイトページから直接編集作業が可能に

リニューアルサイトでは、トップページを含むあらゆるコンテンツで、簡単にコンテンツを編集をしたり、写真の差し替えができるよう実装しています。a-blog cmsのモジュールID編集画面モーダルを活用し、サイト運用者が管理画面を使用しなくても直接ページを編集することができるため更新作業が簡単になりました。詳細ページに関しても直接、記事の更新や編集ができるようになっています。レイアウト自体は変更できない仕様のため、デザインのクオリティを保ったまま運用者に編集作業を任せることができます。

最後に

アップルップルではCMSの開発元ならではの多機能のWebサイトの制作が強みです。Webサイトの管理方法にお困りの方、多言語展開や独自のシステムを取り入れたWebサイトをお考えの方は、ぜひご相談ください。

まずは話を聞いてみる