新しい接客テンプレートのご紹介。アプリ向け「ハーフモーダル」テンプレートが新登場。

アプリ向け「ハーフモーダル」など、KARTEに新しい接客テンプレートが追加されました。本記事では、各テンプレートの特長をご紹介します。

デザインにこだわりたいが、施策の実行スピードは落としたくない。

KARTEでは、さまざまな種類の接客テンプレートを用意しています。

一方で、今までのテンプレートのカスタマイズできる範囲では、自社のデザインガイドラインに沿った、接客のカスタマイズまではできないということもありました。

また、ウェブ(PC)画面での利用を想定した接客テンプレートが多く、モバイルサイトやアプリのデザインに適したテンプレートは十分ではありませんでした。

そのため、「デザイナーやエンジニアに依頼せず、デザインにこだわった施策を実施したい」「モバイルサイトやアプリに適したデザインテンプレートが欲しい」というお声をいただくことがありました。

上記の課題に対し「接客デザインの柔軟性」「モバイルファーストなデザイン」を重視した、新しい接客テンプレートを、リリースしました。

新テンプレートを使った接客デザインで、ユーザーにより良い体験を届けよう。

新しく追加されたテンプレートは以下の3種類。それぞれの特長のご紹介です。

1:アプリ向け「ハーフモーダル」テンプレートが新登場!

アプリ向けの「ハーフモーダル」テンプレートが新登場!画面下から滑らかに表示されるアニメーションに対応しています。
※本テンプレートはアプリでのみご利用いただけます。

ハーフモーダルとは?利用するメリットは?

「ハーフモーダル」は、モバイルサイトやアプリでよく見られる、画面の一部を覆いつつ、背後のコンテンツを閲覧・操作ができるポップアップの形式です。ハーフモーダルを利用すると、操作の中断が最小限に抑えられます。

また、全画面を覆うポップアップよりもストレスが少ないとされており、アプリのユーザー体験を向上させる上で、重要な接客のデザインです。

💡ここがポイント

  1. ハーフモーダルを、KARTEのみで実現!
    通常は、ネイティブ開発が必要なハーフモーダルの表示も、KARTEのテンプレートを使って手軽に実現できます。

  2. さまざまなパターンの接客のデザインを作れる
    シンプルなテキストのみのテンプレートから、施策デザインにこだわりたい方向けの、背景が100%画像のテンプレートなど、さまざまなパターンを用意しています。また、一つのテンプレートでも、各要素の見た目や表示方法を、自由に編集できます。

  3. 複数の画像を簡単に設定できる
    複数画像のテンプレートを用意しています。同カテゴリの別商品、クーポンや割引情報、レビューや評価、そしてセール中の類似商品の画像や価格などを表示し、ユーザーの行動・閲覧している画面から、次のステップへの案内をスムーズに行えます。

hald modal

ハーフモーダルテンプレートの活用例

  • ユーザーが閲覧中の画面にある、機能の利用方法・メリットを表示し、特定の機能の利用を促進する
  • イベントやキャンペーンへの参加を促すため、イベントの詳細と参加方法を表示する(キャンペーンLPの閲覧状況に応じて、内容を出しわける)
  • ユーザーが閲覧中のコンテンツに関連する、おすすめコンテンツを紹介し、ユーザーのアプリ内での回遊を促進する
  • ユーザーのエンゲージメントを向上させるため、閲覧中コンテンツのシェアへの誘導や、実施中のコンテストや投票イベントなどの情報を表示する

本テンプレートの利用ガイドはこちら👉👉👉「ハーフモーダル」テンプレート(アプリ専用)の利用方法

2:「カード/ポップアップ」テンプレートのデザインの自由度が向上!

細かな接客のデザインの調整ができる、合計6つの新しいカードテンプレートも追加されました。
※本テンプレートはモバイル(SP)およびアプリでのご利用を推奨しております

💡ここがポイント

  1. ボタンデザイン&アクションの自由度がアップ
    新しいカードテンプレートでは、テキストリンク形式のボタンや、ボタンのスタイル設定、角丸の調整など、多彩なカスタマイズが可能です。バツボタンだけでなく、ポップアップ内の任意のボタンも、閉じるアクションとして指定できます。

  2. カードデザインや要素を柔軟に調整できる
    テンプレートから、カード全体のサイズや色、見出し・本文・ボタンの配置や表示/非表示を自由に編集できます。1つのテンプレートで、多様な接客のデザインを作成できます。

本テンプレートの利用ガイドはこちら👉👉👉モバイル向け「カード」テンプレートの利用方法

3:「バナー」テンプレートの画像にテキスト追加が可能に!

3つめは、バナーテンプレートのアップデートです。新しいテンプレートでは、画像の下にボタンを表示できるようになりました。
※本テンプレートはモバイル(SP)およびアプリでのご利用を推奨しております

バナーテンプレートから作成できる、施策例はこちら👇

バナー挿入画像 0327

💡ここがポイント

  1. 画像下に、ボタンを追加するオプションを追加
    バナー画像の下に帯ボタンの表示/非表示ができます。ボタンのテキスト、背景や文言の色、テキストの太さは、テンプレート編集画面から柔軟に変更可能。画像は共通とし、運用担当者だけで簡単に、文言のA/Bテストもできます。

  2. 画像サイズ・見た目も自由に指定ができる
    バナーのサイズは、アップロードした画像に合わせて自動的に調整されます。また、バナーに丸みを持たせたり、好みのデザインにカスタマイズできます。

活用例

  • キャンペーン終了前のリマインド告知のボタン文言を出しわけ、訴求力を向上する
    例:「5日前」「残り3日」「本日まで」など

  • キャンペーンやクーポンの訴求で、複数パターンのABテストを行い、効果を最大化する
    例:「今なら最大50%OFF」「半額で買える」など

  • ユーザーの状態に応じて、異なるキャンペーンやクーポンの内容の出しわけ表示する
    例:「初回限定!今なら半額」「あなた限定!今なら20%OFF」など

本テンプレートの利用ガイドはこちら👉👉👉モバイル向け「バナー」テンプレートの利用方法

さいごに。接客のデザインの重要性について

サイトやアプリ上の施策において、接客のデザインは、ユーザーの関心を惹きブランドのイメージを向上させるための重要な要素です。

良いデザインは、ユーザーに行動を促し、施策の効果を最大限に引き出すことができるだけでなく、ブランドやサービスへのロイヤルティ向上にも繋がります。

新テンプレートを使って、魅力的なコンテンツを簡単に作成し、新しい施策にトライしてみませんか?

SHARE