ロイヤル商事様(コーポレートサイト)|Web制作実績 レスポンシブ対応|制作実績
”綿密な設計”と”最新トレンドデザイン”により、ホームページの効果を最大化
クライアント | ロイヤル商事株式会社様(東京都豊島区) |
---|---|
制作プラン | Meta定額制30プラン |
カテゴリ | コーポレートサイト コーポレートサイト・事務所 求人・リクルート強化 施設関連 |
URL | https://www.royal-shoji.co.jp/ |
制作チーム |
|
POINT
制作のポイント
東京都豊島区で、フード・グルメ・エステ・ミスタードーナツという4つの事業部で店舗を運営されている「ロイヤル商事株式会社様」のコーポレートサイトをリニューアルいたしました。
今回のリニューアルの目的として「ブランドイメージをアップしたい」というご要望をいただきましたので、旧サイトでは一つのページにまとめて掲載されていた事業内容を、「フード」「グルメ」「エステティック」「ミスタードーナツ」の事業ごとに分けて、それぞれの事業紹介ページを新たに作成しました。
事業紹介ページでは、事業ごとに「コンセプト」や「事業の強み」などの情報を充実させることでサービスを明瞭化し、ユーザーに納得してお問い合わせいただくためのコンテンツにいたしました。
また、トップページを含め、事業内容などの主要コンテンツの原稿は、プロのライターがZoomによるヒアリングのもと一から作成しており、信頼感のあるコンテンツを流し読みしやすいキャッチコピー付きで表現することで、お客様の想いをユーザーにしっかりと訴求するように仕上げました。
今回のサイトリニューアルの目的が「ブランドイメージアップ」のため、写真を大きく配置して適度な余白を設けることで、全国に店舗を展開するお客様の会社規模の大きさと、ブランドイメージに見合った「安心感」「上品さ」を感じるデザインに仕上げました。
画面の大きいPC用サイトでは、トップページのファーストビューに事業ごとの想いを、写真と合わせて画面いっぱいにスライドで表示して、メッセージを強く印象付ける工夫をいたしました。
また、トップページの事業紹介部分は、4種類の事業部を左側に固定表示し、インパクトのあるインデックス風のデザインで表現することで、トレンド感を取り入れつつ、各サービスのこだわりや特徴をユーザーにしっかりと訴求しています。
システム面では、新しいブランドが追加になった際に、事業紹介ページに掲載される「ブランド情報」を専用の管理画面から追加できるようにして、リリース後も継続してブランドの訴求ができるツールとしてご活用いただけます。さらに、登録されたブランド情報は、店舗詳細ページにも連動して表示されるため、ページごとにブランドを追加する手間がなくなり、管理者様の負担を減らすシステムとなっております。
デザイン面でも、見出し部分にロゴマークの装飾をデザインとして配置することで、ブランドイメージの訴求を高めると同時に、お客様のオリジナリティが確立されたデザインに仕上げております。また、スクロールのタイミングに合わせて、時間差でコンテンツが表示されるアニメーションを取り入れることで、細部までトレンドを感じられるデザインとなっています。
Webデザイン
今回、「採用を強化したい」というご要望をいただいたため、モバイル用サイトでは、採用専用のメニューをページ上部に固定表示して、求職者が目的のページに直接遷移できるユーザビリティを意識した設計を行いました。さらに、TOPページのメインビジュアルのすぐ下に採用情報への導線バナーを大きく見せる形で配置することで、ユーザーが直感的な操作で必要な情報を閲覧でき、最短導線でCVできるようにしています。
システム面では、ユーザーがお店を探しやすくするために、飲食店一覧ページから「エリアから探す」や「料理から探す」などの目的に合わせてお店を絞り込めるように、複数のカテゴリーを設定できるようにしました。また、店舗の詳細ページでは基本情報だけでなく、店舗からのお知らせやメニューを管理画面から登録ができる仕様にしているため、新しい店舗の登録や最新情報の発信を管理者様が簡単に更新することができます。
さらに、海外のユーザーに向けて、お問い合わせフォームには通常の日本語表記だけではなく、英語の説明文も併記しております。そのため、海外からのユーザーもスムーズにお問い合わせできるようになり、近年増加しているインバウンドのCVも獲得できるよう細やかな工夫を施しています。
デザイン面では、訴求力の強い明朝体を使用し、書体のラインを細めにすることで、お客様の「上品さ」を感じられるデザインを意識しました。また、写真を大きく見せる形で配置することで、ブランドの魅力がサイト全体から伝わるよう工夫しています。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、ヒアリング取材、原稿作成、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン
SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン
WORKS