光貴様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

お客様は「通信事業」「ブライダル事業」という2種類のサービスをご提供されているため、それぞれの専用ページを新設することで、各サービスの強みや特徴を効果的に表現しております。さらに、ユーザビリティを高めるため、サービスごとに色分けを行うことで視覚的な差別化を行いました。

また、「ホームページ全体の表示スピードが遅く、スマホ対応もされていなかった」旧サイトを0から再構築し、ユーザーがストレスなく閲覧できるよう最適化しております。具体的には、PCとスマホでそれぞれ個別に設計・デザインを行うことで、どのデバイスからでも重要な情報をすぐに閲覧いただける最新ホームページに一新しました。さらに、表示スピードを最適化するため、プロのコーダーが良質なソースコードで構築しているほか、サイト内の画像の圧縮を徹底するなど様々な工夫を施しております。弊社では、既存のテンプレートを一切使用しない「フルオーダーメイド制作」を行うため、ユーザーが必要な情報をスムーズな流れで閲覧できるよう、細部までユーザビリティを配慮したホームページをご提供いたします。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせと店舗情報にCMSを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、CVをアップさせるためのツールとしてご活用いただけます。

デザイン面では、「ネイビー×ホワイト」の配色で全体的にシンプルなデザインにまとめることで、コーポレートサイトらしいかっちりとしたイメージを演出しつつ、主要コンテンツを自然と強調するデザインを意識いたしました。例えば、強みページのメインビジュアルにはサービスごとの仕事風景写真を「縦スクロールで自動再生」しているほか、社員紹介ページには「スプリットレイアウト」を採用しスタッフ写真を左側に固定表示するなど、最新トレンドを取り入れながら、訴求コンテンツを自然と際立たせるための視覚効果デザインを行っております。

モバイル用サイトでは、特にリクルート目的のユーザーが多いため、採用ページを前面に押し出す形ことでユーザビリティを高めました。例えば、メインビジュアルのすぐ下に採用ページへの動線バナーを大きく配置しているほか、ハンバーガーメニュー内にも目立つように設置することで、ユーザーに最短の動線で目的のページを閲覧いただくための設計をいたしました。さらに、ユーザビリティを高めるため、採用情報ページには専用のナビゲーションメニューをページ上部に固定表示しております。

ＣＶ率向上の対策としましては、ページ上部のヘッダーに「店舗情報」「採用情報」という2種類の主要コンテンツへの導線を固定表示しております。さらに、店舗一覧ページには各店舗の住所・電話番号だけでなく、“来店予約ボタン”を設置することで、ユーザーが最短導線でCVを達成していただけるよう綿密な設計を行いました。

また、お客様は素敵なスタッフと「人」を大切にした企業理念をお持ちのため、Web専門のカメラマンが笑顔で働くスタッフの仕事風景写真を撮影し、プロのライターが綿密なヒアリングのもと原稿作成を行うことで、お客様の魅力がより一層伝わるオリジナルホームページに一新いたしました。

デザイン面では、お客様のロゴデザインの一部を背景に使用しているほか、イタリック体のロゴ書体に合わせてさりげなく斜線の装飾を取り入れるなど、オリジナリティを感じていただけるデザインに細部までこだわっております。また、お客様は沖縄をメインとして事業展開をされているため、ホームページ全体に「海をイメージした鮮やかなブルー」や「波の動きを演出したアニメーション」を使用することで、“地元ならではの安心感”を表現いたしました。リニューアル後は「最新トレンドのデザインになり、企業のイメージアップができました。」と喜びの声をいただいております。