ロイヤル商事様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回のサイトリニューアルの目的が「ブランドイメージアップ」のため、写真を大きく配置して適度な余白を設けることで、全国に店舗を展開するお客様の会社規模の大きさと、ブランドイメージに見合った「安心感」「上品さ」を感じるデザインに仕上げました。

画面の大きいPC用サイトでは、トップページのファーストビューに事業ごとの想いを、写真と合わせて画面いっぱいにスライドで表示して、メッセージを強く印象付ける工夫をいたしました。

また、トップページの事業紹介部分は、4種類の事業部を左側に固定表示し、インパクトのあるインデックス風のデザインで表現することで、トレンド感を取り入れつつ、各サービスのこだわりや特徴をユーザーにしっかりと訴求しています。

今回、「採用を強化したい」というご要望をいただいたため、モバイル用サイトでは、採用専用のメニューをページ上部に固定表示して、求職者が目的のページに直接遷移できるユーザビリティを意識した設計を行いました。さらに、TOPページのメインビジュアルのすぐ下に採用情報への導線バナーを大きく見せる形で配置することで、ユーザーが直感的な操作で必要な情報を閲覧でき、最短導線でCVできるようにしています。

システム面では、ユーザーがお店を探しやすくするために、飲食店一覧ページから「エリアから探す」や「料理から探す」などの目的に合わせてお店を絞り込めるように、複数のカテゴリーを設定できるようにしました。また、店舗の詳細ページでは基本情報だけでなく、店舗からのお知らせやメニューを管理画面から登録ができる仕様にしているため、新しい店舗の登録や最新情報の発信を管理者様が簡単に更新することができます。

さらに、海外のユーザーに向けて、お問い合わせフォームには通常の日本語表記だけではなく、英語の説明文も併記しております。そのため、海外からのユーザーもスムーズにお問い合わせできるようになり、近年増加しているインバウンドのCVも獲得できるよう細やかな工夫を施しています。

デザイン面では、訴求力の強い明朝体を使用し、書体のラインを細めにすることで、お客様の「上品さ」を感じられるデザインを意識しました。また、写真を大きく見せる形で配置することで、ブランドの魅力がサイト全体から伝わるよう工夫しています。

デザイン面では、見出し部分にロゴマークの装飾をデザインとして配置することで、ブランドイメージの訴求を高めると同時に、お客様のオリジナリティが確立されたデザインに仕上げております。また、スクロールのタイミングに合わせて、時間差でコンテンツが表示されるアニメーションを取り入れることで、細部までトレンドを感じられるデザインとなっています。

システム面では、新しいブランドが追加になった際に、事業紹介ページに掲載される「ブランド情報」を専用の管理画面から追加できるようにして、リリース後も継続してブランドの訴求ができるツールとしてご活用いただけます。さらに、登録されたブランド情報は、店舗詳細ページにも連動して表示されるため、ページごとにブランドを追加する手間がなくなり、管理者様の負担を減らすシステムとなっております。