レディローマ様(サービスサイト)|Web制作実績 レスポンシブ対応|ネオインデックス宮崎

Works

制作実績

レディローマ様
商品の世界観や美味しさが引き立つデザインと、必要な情報まで最短でアクセスできる導線設計で、来店を後押し

https://re-di-roma.com/

北海道 札幌市

PC

SP

Web制作のポイント

ローマ仕込みの職人が、北海道産の素材を使って仕立てた旬のジェラートや窯焼きピッツァを提供する、レディローマ様のサービスサイトをリニューアルしました。

今回、リニューアルの主要な目的として、「店舗来店数を増やしたい」というご要望をいただきました。そのためメニューページでは、20種類以上のジェラートの魅力をより効果的に伝えるため、「季節限定ジェラート」「定番の人気ジェラート」「フレーバー一覧」という3つのセクションに整理し、実際の商品のお写真とともにメニューを掲載しています。

各フレーバーメニューには、右下に虫眼鏡アイコンを配置し、クリックすると商品説明やアレルギー情報などの詳細がモーダル表示される仕様にしました。豊富なラインナップの中から、気になる情報だけをスムーズに確認できる設計に仕上げています。

さらに、ジェラートメニューの下部に「ジェラートの特徴」コンテンツを設置しました。「素材そのものの味わいを大切にする本場イタリアの製法」「滑らかで絹のような舌触り」「現地食材を使用するこだわり」といったお客様ならではの強みを、メニュー閲覧の流れで的確に訴求できる構成となっています。

設計・デザインのポイント

スマートフォンサイトでは、「観光中に、現地ならではのジェラートを楽しみたい方」や「近隣のゴルフ場・公園の帰りに気軽に立ち寄りたい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

知りたい情報へ素早くアクセスできるよう、「メニュー」「営業時間・アクセス」「オンライン購入」という3つの導線ボタンを、アイコン付きで画面右下に固定表示しました。「営業時間・アクセス」ページでは、Googleマップの埋め込み表示に加え、最寄りのバス停情報、住所、電話番号、店内座席数、駐車場の台数、利用可能な支払方法など、来店前に確認しておくと安心できる情報を1ページに集約しています。

また、「メニュー」ページでは、ファーストビューに「ジェラート」「ピザ」「ドリンク」というそれぞれのメニューへの導線ボタンを、商品写真のサムネイル付きで配置しました。ジェラートはもちろん、ピザやドリンクまで幅広く楽しめることを直感的に伝えるとともに、目的のメニューまでワンタップでスムーズにたどり着ける、快適な導線設計を実現しました。


デザイン面では、店舗の洗練された世界観をホームページ上でも体感していただけるよう、色・書体・モチーフの選定に至るまで丁寧に設計しました。 店内を彩る鮮やかなピンクの壁にインスピレーションを受け、ホームページでもアクセントカラーとして取り入れることで、お客様ならではの華やかな雰囲気を演出しています。また、上品な明朝体のフォントを採用することで、ローマのエレガントさを表現しつつ、トップページの「ジェラート」コンテンツをはじめ、柔らかなブラウンの線で描いたアイスのイラストを随所にあしらうことで、親しみやすさもプラスしました。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP