レディローマ様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績
商品の世界観や美味しさが引き立つデザインと、必要な情報まで最短でアクセスできる導線設計で、来店を後押し
| クライアント | レディローマ様(北海道 札幌市) |
|---|---|
| 制作プラン | Meta定額制30プラン |
| カテゴリ | サービスサイト その他 |
| URL | https://re-di-roma.com/ |
| 制作チーム |
|
POINT
制作のポイント
ローマ仕込みの職人が、北海道産の素材を使って仕立てた旬のジェラートや窯焼きピッツァを提供する、レディローマ様のサービスサイトをリニューアルしました。
今回、リニューアルの主要な目的として、「店舗来店数を増やしたい」というご要望をいただきました。そのためメニューページでは、20種類以上のジェラートの魅力をより効果的に伝えるため、「季節限定ジェラート」「定番の人気ジェラート」「フレーバー一覧」という3つのセクションに整理し、実際の商品のお写真とともにメニューを掲載しています。
各フレーバーメニューには、右下に虫眼鏡アイコンを配置し、クリックすると商品説明やアレルギー情報などの詳細がモーダル表示される仕様にしました。豊富なラインナップの中から、気になる情報だけをスムーズに確認できる設計に仕上げています。
さらに、ジェラートメニューの下部に「ジェラートの特徴」コンテンツを設置しました。「素材そのものの味わいを大切にする本場イタリアの製法」「滑らかで絹のような舌触り」「現地食材を使用するこだわり」といったお客様ならではの強みを、メニュー閲覧の流れで的確に訴求できる構成となっています。
![]()
ディレクション
H.Mori
今回リニューアルの主要な目的として、「店舗来店数を増やしたい」というご要望をいただきました。そのためPCサイトでは、画面の大きさを最大限に活かした、印象的なメインビジュアルを採用しています。
具体的には、スプーンに吸い付くように伸びる、なめらかで濃厚なジェラートの質感や、窯の中で香ばしく焼き上がり、チーズがとろりと溶け出すピザの様子を捉えた動画を、画面いっぱいに配置しました。写真だけでは伝えきれない、ジェラートのきめ細やかな舌触りや、焼き立てピザの温度感・香りまでも動画で表現することで、「ここで味わってみたい」という気持ちを自然に引き出し、来店を後押ししています。
さらに、「北海道」「札幌市南区」といった店舗があるエリア名をメインビジュアルのキャッチコピーやリード文に取り入れ、この味を楽しめる場所がひと目で伝わる構成としました。
![]()
Webデザイン
H.Mori
スマートフォンサイトでは、「観光中に、現地ならではのジェラートを楽しみたい方」や「近隣のゴルフ場・公園の帰りに気軽に立ち寄りたい方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。
知りたい情報へ素早くアクセスできるよう、「メニュー」「営業時間・アクセス」「オンライン購入」という3つの導線ボタンを、アイコン付きで画面右下に固定表示しました。「営業時間・アクセス」ページでは、Googleマップの埋め込み表示に加え、最寄りのバス停情報、住所、電話番号、店内座席数、駐車場の台数、利用可能な支払方法など、来店前に確認しておくと安心できる情報を1ページに集約しています。
また、「メニュー」ページでは、ファーストビューに「ジェラート」「ピザ」「ドリンク」というそれぞれのメニューへの導線ボタンを、商品写真のサムネイル付きで配置しました。ジェラートはもちろん、ピザやドリンクまで幅広く楽しめることを直感的に伝えるとともに、目的のメニューまでワンタップでスムーズにたどり着ける、快適な導線設計を実現しました。
![]()
Webデザイン
H.Mori
デザイン面では、店舗の洗練された世界観をホームページ上でも体感していただけるよう、色・書体・モチーフの選定に至るまで丁寧に設計しました。
店内を彩る鮮やかなピンクの壁にインスピレーションを受け、ホームページでもアクセントカラーとして取り入れることで、お客様ならではの華やかな雰囲気を演出しています。また、上品な明朝体のフォントを採用することで、ローマのエレガントさを表現しつつ、トップページの「ジェラート」コンテンツをはじめ、柔らかなブラウンの線で描いたアイスのイラストを随所にあしらうことで、親しみやすさもプラスしました。
Web制作・運用サポート一覧
PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート
BEFORE AFTER
劇的ビフォーアフター
旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

リニューアル前のホームページでは、ジェラートメニューに商品のお写真が掲載されておらず、カラフルでお洒落な見た目やなめらかな質感などの魅力を十分に伝えられていませんでした。また、店舗の立地情報が分かりにくく、来店への導線が弱いという課題がありました。

リニューアル後は、「メニュー」ページに20種類以上のジェラートを一つひとつお写真付きで掲載し、それぞれの魅力が引き立つよう、背景色にも変化をつけるなど細部までこだわりました。さらに、「営業時間・アクセス」ページを新設するとともに、フッターにも住所・電話番号・営業時間・Googleマップを配置することで、来店に必要な情報へスムーズにアクセスできる導線を整えています。
PC DESIGN
PCサイトデザイン
お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン


SMARTPHONE DESIGN
スマートフォンサイト
デザイン
ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン



WORKS