オンラインサービスと、リアルサービスのわかりやすい表示方法

2024年9月1日

こんなことありませんか?

オンラインサービスとリアルサービス、両方ともECサイトで表示したいのだけどもどうやったら良いかわからない。

考えました。

パット見てわからないとお客様にとっても混乱のもとになるので、他社の事例を参考にしながら考えてみました。

ほっともっとの場合

サービスの表示が明確です。ぱっと見わかるようなっています。

はま寿司の場合

こちらもわかりやすいようにイラストを多用して、読まなくても視覚的にわかるようになっています。

結果わかったこと

わかりやすい表示にするには、視覚的に訴えてお客様が迷わずに選択できるようにすることが大切。

オンラインサービスとリアルサービスの見出しを設置し、それぞれをクリックすると該当のサービス内容が表示されるようにします。

見出しには、明確な画像やアイコンをつけて、視覚的に区別できるようにすると効果的です。

例えばこんな感じをイメージしました。いかがでしょうか?

商品・サービスのご案内

店舗サービス

こちらのサービスはご来店ください

 ご予約はこちらから

オンラインサービス

こちらのサービスはオンラインのサービスです

ご予約はこちらから

[ご参考]チラシ・フライヤーの無料デザインテンプレート

こんなサイトも見つけました。

アイデア・イメージ出しに。参考になりそうです。

無料メルマガのご案内

自分の思い込みを外してみませんか?

このメルマガを読んだら、「パソコン苦手で見るのも嫌!」と思っている意識が、もしかして「あれ?意外に私もパソコンできるかも!」に変わるかもしれません。

煩わしい手続きは必要ありません。メールアドレスを登録するだけです!

無料メルマガ登録はこちらから!

メルマガの詳細はこちらをクリック

 

「パソコンを通じて人生を楽しく生きる」
メルマガ登録フォーム
 

《新着記事》

Thumbnail of new posts 071

: ワードプレス

ワードプレス テーマCocoon 動画を自動再生する方法:キャンバ(Canba)を使用

キャンバ(Canba)を立ち上げる カスタムサイズの幅1600、高さ900、単位 ...
Thumbnail of new posts 107

: ワードプレス

ワードプレス テーマCocoonのアピールエリアを使ってみよう

こんなことありませんか? メルマガを配信しているんだけど、なかなか登録してくれる ...
Thumbnail of new posts 164

: ワードプレス

ワードプレス スマホ用のヘッダーメニュー表示の作り方

こんなことありませんか? ワードプレスでブログを作成していて、ブログの上部のヘッ ...
Thumbnail of new posts 118

: ワードプレス

ワードプレス テーマCocoon スキンとCTRボタンの色合いの関係

CTRボタンを使っているんだけど、なんだか黒枠になっててなんか色合いを何とかした ...
Thumbnail of new posts 042

: ワードプレス

Cocoonカラムの設定方法

Cocoonのカラム設定方法 デザインの中にカラムがあります。 2分割にしたい場 ...

ワードプレス

Posted by yoko