ネットショップ向けのルーレット：訪問者がどの画面でも回せて、当たった項目がすぐわかります

成果物の例

スタンダードパッケージの例すべて表示

コーヒーショップのウェブサイト用ゲーム「ビーンキャッチャー」

パソコンでのゲーム

スマホでの同じゲーム

ファイル： index.html、スタイル、script.js、ゲーム用に描いた画像4点を含むZIPファイル。マウス、指、矢印キーで操作でき、ベストスコアはプレイヤーの端末に保存され、お客様ご自身のレンタルサーバーに置くか、サイトにiframeで埋め込んで使います。ここに掲載している画像はゲームのスクリーンショットです。

お客様： Maple Bean。秋のブレンドを知ってもらうために、ウェブサイトやSNSのページ用のちょっとしたゲームを求めていたコーヒーショップです。 ご依頼内容： 温かみのある秋の色合いのキャッチゲーム。プレイヤーはカップを動かしてコーヒー豆（+1）や金色の豆（+5）をキャッチし、氷をよけます。ライフは3つ、レベルは2つで、終了画面からメニューへリンクします。

お客様とすべての情報は架空のものです。

このサービスについて

Shopify、WooCommerceなど、カスタムHTMLを使えるショップに置けるルーレットです。訪問者がボタンをタップするとルーレットが回り、だんだん減速して項目のどれかで止まり、終了画面でその内容を表示します：ちょっとしたプレゼント、送料無料、お役立ち情報、「もう一度」など。項目とそのテキスト、それぞれの出やすさを決めていただければ、御社のカラーでルーレットを描き、コードを書きます。結果は設定した確率に沿ってプレイヤーのブラウザ内で決まり、サーバーでの確認はないため、ページを再読み込みすればもう一度回せます。アカウント、決済、メールアドレスの収集はありません。プレミアムでは、終了画面にお客様からいただいたクーポンコードを表示します。コードの発行はショップ側で、キャンペーンの運営や法的な対応もお客様側で行ってください。

含まれる内容

• 納品物ルーレットのindex.html、styles.css、script.js、画像、ショップへの設置方法をまとめた簡単なガイドを入れたZIPファイル。注文ページで遊べるプレビューもご用意します。
• 御社の項目最大8項目、それぞれ自由なテキストで
• 確率はお客様が設定出にくい項目、出やすい項目を自由に
• 本物らしい回転加速して、減速して、カチッと止まる
• どの画面でもスマホでタップしやすい大きなボタン
• かんたんに変更項目と確率はscript.jsの冒頭に

ご利用の流れ

1. 1
   項目項目、そのテキスト、確率を書き出していただきます
2. 2
   ルーレットルーレットと画面を描き、コードを書きます
3. 3
   回してみる注文ページで、パソコンとスマホで回していただけます
4. 4
   ファイルファイルをダウンロードし、プランの範囲内で修正を依頼して、ショップに設置していただきます

ご用意いただくもの

ルーレットの項目（最大8個）と、それぞれのテキストと出やすさ。例：「送料無料、10回に1回」。スタート画面と終了画面のテキスト。プレミアムの場合は、クーポンコードとそれを表示する項目。カラーと、終了画面のボタンのリンク先：カタログ、セールページ、カートなど。任意で、PNG、JPEG、WebP形式の画像を5点まで：ロゴや商品など、使用する権利をお持ちのもの。

お伺いする内容：

• 項目と確率
• どんなキャンペーンですか？
• カラーとスタイル
• 終了画面のリンク先は？

プランを比較

質問と回答

答えが見つかりませんか？ 質問する