オリパサイトの作り方を解説！制作手順や制作会社の選び方・注意点も紹介

トレーディングカード市場が拡大するなか、オリパも実店舗だけでなくオンラインで販売されるケースが増えています。

オリパをオンラインで販売する際には、ただ商品を販売するだけでなく、エンタメ要素を盛り込み、ユーザーが楽しめるようなオリパサイトを作ることが重要です。

オリパサイトを作る際には、さまざまな制作方法があるうえに、決済サービスの利用条件や関連法令などを確認する必要があるため、「どの販売方法が適しているのか」「オリパサイトの制作をどう進めればよいのか」と迷う方もいるでしょう。

この記事では、オリパサイトの仕組みや必要な機能、サイトの作り方を解説します。商品企画から公開までの手順に加え、制作会社の選び方や運営前の注意点も紹介します。

オリパサイトとは

オリパサイトとは、トレーディングカードを独自に組み合わせた「オリジナルパック（オリパ）」をインターネット上で販売するサイトです。

主に、購入したパックが自宅などに届き、開封して中身を確認する「通販型」と、サイト上で抽選結果を確認し、獲得したカードの発送を依頼する「オンラインガチャ型」があります。

オンラインガチャ型では、事前に購入したサイト内ポイントを使ってオリパを引く方式もあります。また、発送を希望しないカードをポイントに交換する機能や、購入額に応じた会員ランク制度などを設けるサイトもあります。

以下では、オンラインガチャ型で使われる主な仕組みと、継続利用を促す施策を紹介します。

仕組み・施策	内容
ポイント販売	ユーザーがサイト内ポイントを購入し、そのポイントでオリパを引く
ガチャ販売	1回、10連、100連などの抽選形式でオリパを販売する
不要カードのポイント還元	発送を希望しない獲得カードをポイントに交換し、再度オリパを利用してもらう
期間限定オリパの販売	新弾発売や周年、季節の企画に合わせて限定オリパを販売し、購入機会を設ける
会員ランク制度	購入額や利用回数に応じた特典を設け、継続購入を促す

弊社では、機能性とデザイン性を両立したオリパサイトの開発や、アニメーションを取り入れたデザインにも対応しています。弊社でのWebサイトの制作事例やサービス概要についてはこちらからご確認ください。

オリパサイトに必要な機能

オリパサイトには、注文受付や決済など、商品の販売に必要な機能を設けます。オンラインガチャ型では、抽選結果や獲得カードを管理する機能も求められます。主な機能とそれぞれの役割は、次のとおりです。

主な機能	内容
会員登録・マイページ	必要に応じて、新規登録やログイン、購入履歴の確認などを行う。オンラインガチャ型では、保有ポイントや獲得カードも確認できるようにする
注文受付・ポイント購入・決済	通販型では商品の注文と代金決済を受け付ける。オンラインガチャ型では、必要に応じてポイントの購入や残高への反映を行う
ガチャ・抽選機能	オンラインガチャ型で1回・10連などの抽選処理を行い、抽選結果と演出を画面に表示する
カード・発送管理	通販型では注文された商品の出荷状況、オンラインガチャ型では獲得カードの保有状況や発送依頼、出荷状況を管理する
運営・管理機能	商品登録、カード在庫、抽選条件、売上、会員情報などを管理する

オンラインガチャ型では、獲得したカードの発送依頼に加え、不要なカードをポイントに交換する機能を設ける場合もあります。

決済機能については、利用者が支払いやすい方法を考えることも大切です。販売方式や利用サービスの条件を踏まえ、導入する決済方法を決めましょう。

システム開発で導入できる機能一覧やWebサイトに搭載できる機能一覧についてはこちらの記事で解説しています。ぜひこちらもご確認ください。

オリパサイトの作り方

オリパサイトの構築方法は、既存の販売サービスの利用から独自開発までさまざまです。必要な機能や予算によって適した方法が異なるため、それぞれの特徴を知っておくと、自社に合う作り方を選びやすくなります。

ここでは、オリパサイトを作る主な方法を紹介します。

ECプラットフォームを使う

ECプラットフォームは、商品ページや注文受付、決済など、ネットショップに必要な機能を備えたサービスです。基本機能を利用できるため、通販型オリパを小規模から始めたい場合に向いています。

ただし、一般的なEC機能だけでは、抽選演出やポイント還元、獲得カードの発送申請まで対応できるとは限りません。拡張機能の追加や外部システムとの連携が必要になれば、初期の想定より開発範囲が広がります。

利用規約や取り扱い商材の条件も、導入前に確認しておく必要があります。

オリパ特化の構築サービスを利用する

オリパ特化の構築サービスは、オンラインガチャの運営に必要な機能をまとめて提供するサービスです。抽選機能や、ポイント・カードの管理機能などをあらかじめ備えている場合があり、一から開発する範囲を減らせます。

サービスによって使える機能や画面デザインの変更範囲、料金体系が異なる点には注意が必要です。独自の抽選演出や会員施策を設けたい場合は、標準機能で実装できるかを確かめましょう。

初期費用だけでなく、月額利用料や販売手数料、外部決済の費用も含めて運営コストを把握することが大切です。

制作会社に依頼して開発する

制作会社へ依頼する方法では、事業の販売方式に合わせてサイトの機能や画面を設計・開発します。既存サービスでは対応しにくい独自のガチャ演出、複雑なポイント処理、外部システムとの連携などを設計に盛り込める点が特徴です。

例えば、獲得カードの確認・発送依頼画面と、運営担当者が在庫や発送状況を扱う管理画面を、自社の販売ルールに合わせて設計できます。

独自開発では自由度が高い一方、要件定義や開発、テストには相応の費用と期間が必要です。自社で担う作業と制作会社に委託する範囲を決めたうえで進めます。

弊社では、使いやすさとデザイン性を両立したWebサイトの制作を得意としています。ご相談やご提案は無料なので、オリパサイトの制作を検討している方はこちらからご相談ください。

オリパサイトを作る手順

オリパサイトの制作では、準備から公開後の運営まで、段階ごとに行う作業が異なります。作業の流れを把握しておくと、各段階で何を決め、何を準備すればよいのかがわかるでしょう。

ここでは、オリパサイトの制作をどのように進めるのか、順を追って紹介します。

コンセプト、商品設計を明確にする

まず、ターゲットとなるユーザーを定め、取り扱うオリパのジャンルや販売価格を決めます。コレクターと対戦プレイヤーでは、求めるカードや魅力を感じる企画が異なるため、ターゲットに合わせた商品設計が必要です。

商品設計で決める項目は次のとおりです。

• 目玉カード：企画の軸となるカードを選ぶ
• 販売口数：1商品の販売数を決める
• 価格帯：1口あたりの価格を決める
• 封入内容と仕入れ原価：カード構成を決め、原価を算出する

販売価格と封入内容は、全口数が売れた場合の売上と、カードの仕入れにかかる費用のバランスを踏まえて設計します。 競合サイトの商品構成も参考にしながら、自社の特徴を生かした企画に仕上げます。

必要な機能を整理して要件定義を行う

商品企画が決まったら、必要な機能と運用ルールを要件定義書にまとめます。要件定義は、制作するシステムの動作や管理方法を具体化する工程です。

抽選結果の確定方法、ポイント消費のタイミング、カードの発送申請期限などを仕様として明確にします。利用者向けの機能だけでなく、商品登録・在庫補充・発送状況の更新など、運営担当者の業務も要件定義の対象です。

管理画面の操作手順や、処理が失敗した場合の対応も決めておきます。機能に優先順位を付け、公開時に実装するものと公開後に追加するものを分けます。

サイトのデザイン、演出を作成する

要件定義をもとに、オリパサイトの画面デザインを制作します。商品情報の見せ方やサイト全体の配色を決め、世界観を統一する工程です。

ガチャの演出では、カードの登場シーンや結果表示にアニメーションを取り入れ、オリパを引く楽しさを演出します。演出の長さやスキップ機能の有無も、操作性に関わる要素です。

さらに、スマートフォンの画面幅を考慮し、商品画像、購入ボタン、必要ポイントの表示位置を調整します。画面ごとのデザイン案を作成し、開発に進む前に配置や演出内容を確定させます。

Webアニメーションの参考サイト18選についてはこちらの記事で解説しています。ぜひこちらもご確認ください。

オリパサイトを実装する

デザインと仕様が決まったら、操作画面とデータ処理システムを開発します。通販型では注文・決済・発送管理、オンラインガチャ型では抽選・獲得カードの管理、必要に応じてポイント購入などの処理を連携させる工程です。

ポイント制のオンラインガチャ型では、抽選時にポイントの消費、当選カードの確定、在庫の更新を一連の処理として扱い、データに矛盾が生じないようにします。

途中で通信が切れた場合にも、ポイントだけ減る、在庫が二重に消費されるといった状態を防ぐ設計が必要です。

管理画面を構築し、決済サービスとの連携や権限設定、個人情報の保護にも配慮します。要件定義書に沿って、機能を順に組み込みます。

動作テストを行いサイトを公開する

開発後は、商品購入から発送まで、販売方式に応じた利用者の操作をテストします。通販型では注文・決済・出荷状況、オンラインガチャ型ではポイント残高・抽選結果・獲得カードの発送申請などが正しく処理されるかを確かめましょう。

正常な操作だけでなく、決済失敗や通信切断、連続操作が起きた場合の結果も検証する必要があります。管理画面と利用者側の表示が一致するか、スマートフォンでも操作できるかを確かめます。

公開前には不具合の修正と、利用規約・販売条件・事業者情報の表示確認が必要です。本番環境でサイトを公開し、公開直後も基本機能が動いているかを点検します。

サイトの運用・改善を行う

公開後は、カードの仕入れ・在庫補充、オリパの追加、発送や問い合わせへの対応を続けます。複数人でサイトを運営する場合は、引き継ぎ漏れを防ぐために対応履歴の記録と共有も必要です。

アクセス数や購入完了率、再購入の状況などを確認すると、商品企画や購入導線の改善点を把握しやすくなります。例えば、購入画面での離脱が多い場合は、必要ポイントの表示や操作手順を見直します。

不具合の修正やシステムの更新も、安定した運営には欠かせません。

Webサイトを改善する手順についてはこちらの記事で解説しています。ぜひこちらもご確認ください。

成果につながるサイト制作なら株式会社BALANCe

オリパサイトの制作をお考えの方には、株式会社BALANCeのWebサイト制作サービスがおすすめです。

会員機能や管理画面、ゲーム要素を取り入れた演出などにも対応し、Webサイトの企画・設計から制作・開発まで一貫して行っています。機能性とデザイン性を両立したWebサイト制作を得意としており、成果につながるWebサイトを御社の要望に合わせて制作いたします。

また、サイト制作にとどまらず、流入数の向上やCV数の最大化、システムを活用した業務効率化まで幅広く支援しています。

Webサイトの制作をご検討の方は、ぜひこちらからサービス詳細をご確認ください。

オリパサイト制作会社の選び方

オリパサイトの制作会社は、得意とする開発内容や対応できる範囲が会社ごとに異なります。制作実績や希望する機能への対応、公開後のサポートを基準に、自社に合う制作会社を選ぶことが大切です。

ここでは、オリパサイト制作会社を選ぶ際のポイントを紹介します。

制作実績を確認する

制作実績を確認し、オリパサイトに必要な機能の開発経験があるかを確かめましょう。オリパサイトの制作実績がない場合でも、ECサイトや会員制サイト、ゲーム型コンテンツなどの開発経験が参考になります。

掲載されている事例では、画面のデザインだけでなく、どのような機能を実装し、制作会社がどこまで担当したのかを確認することが大切です。

例えば、抽選機能の開発まで手がけた場合と、利用者向けの画面のみを制作した場合では、対応できる業務や技術の判断材料が異なります。公開されている情報だけでは分からない点は、相談時に具体的な開発内容や担当範囲を質問しましょう。

必要な機能と演出を実現できるか確認する

依頼先には、実装したい機能や演出を伝え、どこまで対応できるかを確認します。会員機能や決済機能に対応していても、ガチャの抽選処理やポイント還元まで開発できるとは限らないためです。

また、ガチャの演出は、ユーザーがオリパを購入する際の楽しさや期待感を左右します。演出が単調だったり、動作がぎこちなかったりすると、購入体験の満足度を下げるおそれがあります。

抽選条件の設定方法や在庫との連動に加え、演出の見せ方や動きについても、参考動画などを使って具体的なイメージを共有することが重要です。 外部サービスを使う場合は、既存の機能で実現できる範囲と、独自開発が必要な範囲も確認します。追加開発にかかる費用やスケジュールへの影響を事前に把握しておくと、認識のずれを減らせます。

サポート体制を確認する

制作会社を選ぶ際は、サイト公開後に受けられるサポートも確認します。オリパサイトでは、商品更新や在庫管理に加え、決済や抽選に不具合が起きた場合の対応が必要になるためです。

保守契約の対象範囲、障害発生時の連絡方法、修正対応の時間帯や費用は、契約前に確かめておきましょう。

例えば、軽微な表示修正と抽選プログラムの改修では、対応範囲が異なる場合があります。機能追加や運用改善について相談できるかも確認し、自社の担当者との役割分担を決めておきます。

オリパサイトを作る際の注意点

オリパサイトでは、販売方法によって守るべき条件や利用できる仕組みが異なります。公開直前に販売方法やサイトの機能を大きく変更しないためにも、制作段階での確認が欠かせません。

ここでは、オリパサイトを作る際の注意点を解説します。

販売・抽選・換金の仕組みについて専門家に確認する

オリパサイトでは、販売方法や抽選条件、獲得カードの取扱いによって、法律上の注意点が異なります。カードをランダムに提供する仕組みでも、すべての販売方式が認められるとは限りません。

抽選の料金体系やポイント還元、現金への換金条件などを弁護士に相談しておくと、賭博に該当するおそれを含め、法的な懸念点を事前に把握しやすくなります。

相談する際は、商品の購入から抽選、カードの受け取りまでの流れと、ポイントの使い方を資料にまとめるとよいでしょう。カードの買取りや現金への交換を想定している場合は、実施の可否を含めて事前に専門家へ相談します。

関連する法律に違反しないように注意する必要がある

オリパサイトでは、販売条件の表示や有料ポイント、中古カードの取扱いに関する法令の確認が必要です。

景品表示法では、商品内容を実際より著しく優良に見せたり、価格などの取引条件を実際より著しく有利に見せたりする表示が禁止されています。オリパの封入内容や当選確率、販売価格などを案内する場合も、実際の内容と食い違わないよう注意が必要です。

特定商取引法では、事業者情報や販売価格、送料、支払い方法、返品に関する条件などの表示が求められます。

利用者が代金を支払って購入するサイト内ポイントなどは、資金決済法上の「前払式支払手段」に該当する場合があります。発行者自身のサイトなどで使う自家型では、基準日の未使用残高が1,000万円を超えると届出と発行保証金の保全が必要です。

他社の店舗などでも使える第三者型は、原則として発行前に登録しなければなりません。ただし、有効期間などによる適用除外もあります。

中古カードを仕入れて販売する場合は、古物営業法に基づく許可の要否も確認します。

参考：有利誤認とは-消費者庁

参考URL：商品券等の発行をお考えの方へ-財務省 中国財務局

参考URL：古物商許可申請をされる方へ-警視庁

利用サービスの規約と決済代行会社の取扱可否を事前に確認する

オリパサイトを制作する前に、利用予定のECサービスや決済代行会社が、想定している販売方法に対応しているかを確かめます。サービスごとに利用規約や取扱対象が異なるため、希望する決済手段を必ず導入できるわけではありません。

一般的なネットショップで使われる決済サービスでも、オリパサイトの販売方式によっては利用が認められない場合があります。抽選型商品の販売方法やポイントの使い方をサービス提供会社に説明し、取扱可否を問い合わせるとよいでしょう。

公開直前に決済方法を変更する事態を避けるため、利用可否が分かってから決済に関する仕様を確定させます。

ゲームコンテンツによる認知・商品理解・販促の成功事例

認知

ワンピース

項目	内容
業種・業界	出版社
提供サービス	デジタルサイネージコンテンツ

ワンピースは、映画の公開を盛り上げるため、ゲームコンテンツを活用した大型サイネージを新宿アルタ前などに設置しました。

街を歩く多くの人々の足を止めるには、一瞬で心を掴むインパクトが欠かせません。そこで、作品が持つ力強い世界観をダイナミックに表現し、思わず見入ってしまうような臨場感のある映像を追求したコンテンツを用意したのです。

短時間で作品の魅力を通行人に届けることで、劇場へ足を運ぶ動機付けを後押ししています。「おっ」と思わせるような仕掛けを作り、作品とファンをつなぐ印象的なプロモーションを実現しました。

参考：「『ONE PIECE』GOLDEN TOPICS」キャンペーン開催中！！

イエローハット

項目	内容
業種・業界	カー用品販売
提供サービス	PRゲームコンテンツ
課題・目的	交通安全の啓蒙と企業PRにつながる、ゲーム性のあるキャンペーンを実施したい
成果・効果	ゲームを通して「かもしれない運転」への理解を促進し、Xでは1000万を超えるインプレッションを獲得

イエローハットの交通安全キャンペーンで、遊びながら安全意識を高めるための特設サイトを制作しました。

大切にしたのは、交通安全という真面目なテーマをいかに自分事として楽しみながら学んでもらうかということです。

「かもしれない運転」を体験できるゲームを開発し、予期せぬリスクに備える大切さを実感できる仕組みを作りました。さらに、ゲーム画面をデザインした限定Tシャツが当たるSNSキャンペーンも実施。

フォローとリポストを条件にしたことで、1,000万回を超える閲覧数を記録し、多くの人に「かもしれない運転」の大切さを伝えました。

事例の詳細はこちらからご確認ください。

暗殺教室

項目	内容
業種・業界	出版社
提供サービス	クイズコンテンツ

人気アニメ暗殺教室のプロモーションとして、ファンが腕試しを楽しめる「卒業テスト」が開催されました。

アニメの世界観に浸りながらテストに挑戦でき、その結果をもとに全国ランキングが表示される仕組みです。

自分の順位がリアルタイムでわかるなど、ファンの皆さんが熱中して取り組める工夫がされています。特に盛り上がったのが、テストの結果をXで共有する流れです。

「全国統一テスト」の結果を競い合う投稿が次々と広がり、大きな話題となりました。ただ遊ぶだけでなく、自分の実力を誰かに伝えたくなる仕掛けを作ったことで、ファン同士の交流も活発になり、作品のフィナーレをファンが一体となって盛り上げる機会になりました。

参考：全国統一 殺せんせー卒業テスト

販促

楽天市場

項目	内容
業種・業界	ECサイト運営・金融サービス提供・通信事業
提供サービス	販促コンテンツ

楽天は、「楽天スーパーSALE」を盛り上げるため、幅広い世代が手軽に遊べるすごろく形式のキャンペーンを制作しました。

ポイントは、ゲームを進める中で出店店舗のクーポンが手に入る仕組みです。

お得なだけでなく、ゲームという体験を通して、ユーザーがこれまで知らなかった新しいショップと出会うワクワクするきっかけを作りました。当初は楽天市場内の企画でしたが、好評につき楽天トラベルなどグループ全体を巻き込む大規模な定期イベントへと成長しました。

楽しみながら楽天の多彩なサービスに触れてもらうことで、セールへの期待感を高め、お買い物をより活発にする大きな後押しとなっています。サービスへの理解を深めつつ、自然と利用の輪を広げた、販促の成功事例です。

株式会社明治

項目	内容
業種・業界	食品メーカー
提供サービス	販促コンテンツ
課題・目的	新商品の認知拡大と、健康価値訴求を両立したブランド体験設計、かつ抽選運用の効率化
成果・効果	キャンペーンツイートが7,300RT／3,000いいね超を記録、SNS上で大きな話題化に成功

明治プロビオヨーグルトR-1の新発売に合わせ、感謝の気持ちを届ける「大切な人へ贈ろう。」キャンペーンのサイト制作を行いました。

この企画では、R-1のボトルに日頃なかなか言えないメッセージを載せて、画像として贈れるようにしました。

受け取った方には抽選でギフト券が当たるワクワク感もあり、優しさが循環する仕組みになっています。SNSで手軽に送れるよう、LINE連携ボタンを配置して、思い立ったらすぐにシェアできる工夫をしました。

「大切な人へ贈ろう。」キャンペーンは、プレゼントキャンペーンにとどまらない、人と人の心がつながる温かいプロモーションになりました。

事例の詳細はこちらからご確認ください。

ドコモ

項目	内容
業種・業界	通信業
提供サービス	診断コンテンツ
課題・目的	訴求力の高い診断コンテンツを通じて、共感を軸にした新しいスマホ選び体験を提供したい
成果・効果	ユーザーの声を活かした共感ベースの診断と3D空間演出で、高いUXと自然な購入導線を実現。 想定以上のROIを達成し、キャンペーン継続決定・追加施策にも発展

NTTドコモ株式会社が展開する、スマホ選びを楽しく体験できる「声から選ぶスマホ店」のサイトを制作しました。

3D空間を活かしたリッチな画面上で、他のユーザーのリアルな悩みが書かれた吹き出しから、自分に当てはまるものを選んでいく診断コンテンツです。

お店で相談しているような感覚で、自分にぴったりの一台を見つけられる工夫を凝らしました。診断結果のあとには、バーチャルストアへの案内だけでなく、店舗予約への導線もしっかり用意しています。

オンラインでのワクワク感をそのままに、スムーズな来店を促す仕組みです。商品数が多い中で迷ってしまうユーザーに対し、楽しみながら納得のいく一台を選んでもらう、新しい形の接客体験です。

事例の詳細はこちらからご確認ください。

継続接点コンテンツ

特殊法人

項目	内容
業種・業界	自治体
提供サービス	デジタルスタンプラリー、PRゲームコンテンツ
課題・目的	全国の施設来訪を促し、事業やサービスの魅力を深く体感してもらう
成果・効果	年間400万PV、年間UU約30万人、人気投票約40万票、現地来訪約8万人を達成

全国30ヶ所以上の施設や会場運営を行う特殊法人では、施設のオフィシャルキャラクターの人気投票を行いました。投票数は約40万票に及び、多くのユーザーからエンゲージメントを獲得しています。

また、スタンプラリーやクイズなどのコンテンツを用意しており、それぞれを達成するとスタンプを獲得できるような設計を行っています。スタンプを集める達成度合いに応じて段階的なインセンティブ設計を行っています。

こちらのキャンペーンは、システムの提供、キャンペーン企画、デザイン、開発を弊社で担当しました。

また、今回の制作の概要についてはこちらで確認できます。ぜひご確認ください。

商品理解

PRESS BUTTER SAND

項目	内容
業種・業界	食品メーカー
提供サービス	拡散・販促ゲームコンテンツ
課題・目的	夏季の売上減少を防ぎ、ゲームを活用した話題性のある販促キャンペーンを実施したい
成果・効果	ゲーム1万回以上プレイ／クーポン表示1.7万回／X投稿2.5万インプレッション超を記録

バターサンド専門店「PRESS BUTTER SAND」では、夏の売上を盛り上げるためのゲームコンテンツを制作しました。

お菓子の素材や商品をくっつけて高得点を狙う「BUTTERなサマーゲーム」は、遊びながら商品のこだわりを知ってもらえる仕掛けです。

さらに、プレイ後にはお店で使えるクーポンを用意して、実際の購買にもつなげる工夫をしました。結果、ゲームのプレイ数は1万回を超え、クーポンの表示回数も17,000回以上となりました。

SNSでの拡散キャンペーンも同時に行ったことで、多くの人にブランドを知ってもらうきっかけにもなっています。

事例の詳細についてはこちらからご確認ください。

オリパサイトの制作はBALANCeにお任せください

オリパサイトを制作する際は、販売方式に合った機能や演出を設計し、公開後の在庫・発送管理まで考える必要があります。ECプラットフォームやオリパ特化型サービス、独自開発では対応できる範囲が異なるため、目的や予算に合った構築方法を選びましょう。

株式会社BALANCeは、Webサイトの企画・要件定義からデザイン、システム開発、保守運用まで幅広く対応しています。オリパサイトの制作を検討している方は、ぜひご相談ください。