株式会社ロカオプ

0120-439-156

上記電話番号をタップすると発信します。お電話の際、「ホームページを見た」とお伝え下さい。

閉じる

お知らせ

  • HOME
  • お知らせ
  • お知らせ
  • 【ロカオプサイト】メインイメージを複数設定できてクロスフェード(複数の画像がふわっと次に変わる感じが)できるようになりました

2025.04.30

【ロカオプサイト】メインイメージを複数設定できてクロスフェード(複数の画像がふわっと次に変わる感じが)できるようになりました

今までメインイメージは1枚だけでしたが複数枚設定することでクロスフェード(複数の画像がふわっと次に変わる感じ)になります

活用例

クロスフェード(ふわっと切り替わるアニメーション)で複数枚のメインイメージを設定することで、「伝えられる情報量が増える」「視覚的に飽きさせない」「世界観に引き込む」などの効果が狙えます。以下に、ジャンル別にクロスフェードを活かした活用例を紹介します👇


🔁 クロスフェードのメインビジュアル活用例

① 【美容室・サロン】

💡訴求軸:

  • 雰囲気・施術シーン・仕上がりイメージを連続的に見せる

✅ 表現例:

  1. おしゃれな外観 →

  2. 施術中の様子(シャンプー or カット) →

  3. 仕上がったスタイル(モデル) →

  4. スタイリストの笑顔(信頼感)

📢 キャッチコピー例: 「あなたらしさ、もっと自由に。渋谷のトレンド発信サロン」


② 【飲食店(レストラン・カフェ)】

💡訴求軸:

  • 空間 × 料理 × 利用シーン(デート・家族)

✅ 表現例:

  1. 夜のライトアップされた外観 →

  2. 人気メニュー(アップで) →

  3. デートシーンや女子会風景 →

  4. スタッフのサービス中カット

📢 キャッチコピー例: 「この一皿に、ひとときのご褒美を。」


③ 【整体・エステ・リラクゼーション】

💡訴求軸:

  • 清潔感・技術力・癒し空間の3点セットで訴求

✅ 表現例:

  1. 店舗外観(安心感)→

  2. 施術中のシーン(技術の信頼感)→

  3. 施術後のリラックスした表情(結果)→

  4. 店内のアロマや照明(雰囲気)

📢 キャッチコピー例: 「“通いたくなる理由”がここにあります」


④ 【フィットネスジム・パーソナルトレーニング】

💡訴求軸:

  • 結果・継続・サポートを視覚的に訴える

✅ 表現例:

  1. トレーニング風景 →

  2. トレーナーとマンツーマン指導 →

  3. 汗をかいて笑顔の会員 →

  4. ビフォーアフター(軽くでもOK)

📢 キャッチコピー例: 「変わる、という選択。あなた史上最高のカラダへ。」


⑤ 【スクール・教室】

💡訴求軸:

  • 学びの空間 × 講師 × 生徒の表情 × 成果の可視化

✅ 表現例:

  1. 教室の外観 →

  2. 授業中の生徒(真剣な顔) →

  3. 講師の解説風景 →

  4. 修了証や卒業写真

📢 キャッチコピー例: 「“学ぶ喜び”が、人生を変えていく。」

使い方

設定方法はデザイン設定から

既存のメインイメージ部分から設定できます。

並び替えもドラッグアンドドロップでできます

 

デフォルト

2画面スプリット

この機能の開発の背景

ロカオプサイトで下記の訴求を向上させるために追加しました

🎯 1. ファーストビューでの印象強化

近年、ユーザーがWebサイトに滞在するかどうかは最初の3秒以内の印象で決まると言われています。特にLP(ランディングページ)や店舗サイトでは、視覚的な訴求力がコンバージョンに直結するため、「複数の魅力を一度に伝える」手段としてクロスフェード機能は非常に有効です。


👀 2. 1枚画像では伝えきれない魅力を表現したいユーザーの声

実際のサイト利用者からは、

  • 「外観も店内も料理も見せたい」

  • 「商品と使用シーンを交互に見せたい」

  • 「スタッフの雰囲気とサービスを両方伝えたい」

    などの複数視点の訴求ニーズが多く寄せられていました。

    これらに応える形で、複数画像をスムーズに切り替えて魅せる機能としてクロスフェードを実装しました。


🧩 3. ブランドイメージの「ストーリー化」への対応

トレンドとして、「商品やサービスの機能」よりも「世界観・体験・ストーリー」を伝える演出が重視されてきています。

クロスフェードにより、

  • 空間 → サービス → 顧客の表情

  • Before → After → 笑顔の結果

    といった視覚ストーリーが自然に構成できるようになります。


上記の改善は、ロカオプ予約をご利用いただいている全てのユーザー様にご利用いただけます。

これからも、お客様の声を元に改善し続けていく、ロカオプサービスにぜひご期待ください。また、ロカオプサービスに関するお問い合わせも、お気軽にお寄せください。

← 一覧に戻る

Googleマップ上位表示だけじゃない 店舗集客対策の決定版!

ページTOPへ

資料ダウンロード

無料相談