オンラインでトレーディングカードの「オリパ（オリジナルパック）」を購入・開封できる自社サービスのプロダクトデザインです。ユーザーはコインを購入してパックを引き、当たったカードを現物として発送申請するか、その場でコインに変換します。

このサービスの UI には、相反する2つの役割があります。1つは 「引きたくなる」期待感 を作ることです。開封演出は動画ではなく Unity WebGL のゲームとして動いており、スロットやプリンコなど複数の遊び方があります。もう1つは お金を扱う画面としての安心感 です。まとまった金額のコインを使う場面で、残高・確率・還元率・確認のステップを、誤解なく、かつ体験を止めずに見せる必要があります。この2つを同じ画面の中で両立させることが、この案件のデザインの中心です。

ユーザー向けの画面は約50画面あり、Web とアプリ（WebView）の両方で同じ画面を使っています。デザイントークンは DTCG 形式の JSON がリポジトリ上の正本になっており、そこから Tailwind CSS と MUI のテーマが自動生成されます。デザインの変更がコードに直接つながる環境です。

募集背景

サービスが急速に伸びており、新機能と改修が毎日リリースされています。一方で、これまでの画面の多くはエンジニアが AI を使いながら素早く作ってきたもので、画面ごとに見た目や操作の作法が揃っていません。デザイントークンの基盤は整えましたが、対応が済んでいるのはボタンと入力欄などの一部の共通部品だけです。購入から開封、発送申請までの体験を一貫した設計で見直し、デザインシステムとして育てていけるプロダクトデザイナーを募集しています。

業務内容

• 購入・開封・獲得商品・発送申請までの一連の体験の設計と改善
• ホーム・パック一覧・パック詳細の情報設計（パックの探しやすさ、確率・還元率の見せ方）
• コイン購入画面・確認ダイアログなど、お金を扱う画面の設計
• Figma のコンポーネントとデザイントークン（DTCG）の整備、およびコードとの対応づけ
• 新機能（ライブオリパ、オークション、ゲームなど）の UI 設計
• リリース後の数字の確認と、改善案の提案
• 必要に応じて、運営・CS が使う管理画面の使い勝手の改善

参画メリット

• デザインがそのままコードになります。 トークンの正本はリポジトリにあり、変更すると Tailwind と MUI の両方に反映されます。
• 数字で検証できます。 課金・開封・発送申請などの主要な行動は GA4 と Metabase で追えます。事業側も自分でダッシュボードを作って数字を追っています。
• リリースが速いです。 デザインを渡してから本番に出るまでが短く、改善のサイクルを何度も回せます。
• ゲームとお金が交わる、珍しい領域です。 ガチャの高揚感と、EC・決済の信頼感の両方を設計できます。
• 生成AIを前提としたチームです。 Claude Code / Codex を会社費用負担で利用できます。デザイナーが AI を使って実装やトークンの変更まで踏み込むことも歓迎しています。

開発環境・ツール

• デザイン: Figma
• デザイントークン: DTCG 形式の JSON（Tailwind CSS 4 と MUI 7 のテーマを自動生成）
• フロントエンド: Next.js 16, React 19, MUI 7, Tailwind CSS 4
• 演出: Unity WebGL, PixiJS
• 分析: GA4, Metabase
• ツール: GitHub, Slack, Notion, Jira

• Web またはアプリの UI/UX デザインの実務経験（目安3年以上）
• Figma を用いたコンポーネント設計、およびデザインシステムの構築・運用経験
• 本番稼働中のサービスで、リリース後の数字やユーザーの行動を見ながら改善を回した経験
• エンジニアと仕様・実装の詳細まで詰めながら進めた経験
• デザイン業務において生成AIを活用した経験

• デザイントークン（Figma Variables、DTCG 形式など）の設計・運用経験
• HTML／CSS／React の基本的な理解、または自分でコードを修正して PR を出した経験
• EC・決済・課金、またはゲーム・ガチャ系サービスの UX 設計経験
• モーションやマイクロインタラクションの設計経験
• アクセシビリティに配慮した設計の経験
• GA4 や BI ツールを使った分析の経験
• トレーディングカードへの関心・知識

• 「わくわくする」と「安心できる」を、どちらも犠牲にせずに設計できる方
• 見た目の好みではなく、ユーザーの行動と数字を根拠にデザインを説明できる方
• 仕様が固まりきっていない状態でも、確認しながら前に進められる方
• 1画面ずつの改善で終わらせず、コンポーネントとルールに落として全体を揃えていける方
• AIを道具として使いこなしつつ、最終的な品質の判断は自分が持つという前提を共有できる方