- Requirement Understanding & Planning
- Understand the integration type: new or existing partner.
- Clarify the scope by comparing the request to available templates and components.
- Define design deliverables: static layout or interactive; mobile-first or desktop-first.
- Estimate workload based on layout complexity and required asset preparation.
- Asset Sourcing & Processing
- Extract UI components from screenshots and videos (icons, buttons, cards, styles).
- Create custom decorative assets to match game aesthetics.
- UI Design & Conversion Thinking
- Match in-game visual style with precision (typography, spacing, logic).
- Build consistent layouts using minimal visual references.
- Apply conversion-focused design patterns (CTA contrast, urgency badges, visual rhythm).
- Reflect product logic, language, and game-specific UX in the interface.
- Modular Layouts & Iteration
- Design with templates and tokens in mind for future updates and localization.
- Deliver both desktop and mobile layouts that are structurally optimized, not duplicated.
- Maintain clean, organized, and versioned Figma files for developer handoff.
- Iterate quickly.
- Implementation & Teamwork
- Work closely with React developers for pixel-perfect translation of designs.
- Communicate risks, suggest optimizations, and balance visuals with performance needs.
- Share feedback with the broader design team and help improve templates and workflows.