27 Nerds

Portfolio / Hellraisers × Mazda — Promo Landing Page & Interactive Quiz

Hellraisers × Mazda Promo Landing Page & Interactive Quiz

Company
Hellraisers
Duration
3 months
Team
5 members
Product Domain
Esports brand activation system

Quick project snapshot

We designed and built an interactive campaign landing page for the Hellraisers × Mazda collaboration — combining creative direction, UX, and a quiz-based mechanic that generates personalized branded Mazda visuals for esports fans.

Campaign concept and creative direction
01
Interactive quiz experience for fan engagement
02
Personalized Mazda car image generation system
03
Promotional landing page for esports audience activation
04
Cross-brand visual identity integration (Mazda × Hellraisers)
05

What needed fixing

Traditional esports activations fail without native, interactive relevance:

[ PROBLEM ]

  1. Static sponsorship formats

    Do not engage esports audiences

  2. Forced integrations

    Quickly rejected by fans

  3. Passive brand placements

    Banners and co-branded pages lack retention

  4. No cultural integration

    Brands sit outside, not inside esports context

  5. No participation loop

    Viewers remain passive, not active users

  6. Concept gap

    Needs interaction, not just visual execution

The campaign required interactive design to turn brand presence into active engagement.

main image
secondary image

What we aimed for

[ GOAL ]

  • Esports × automotive concept

    merge team identity with Mazda branding

  • High-impact landing page

    present the campaign with strong visual hierarchy

  • Interactive participation mechanic

    turn users into active participants

  • Personalized visual generation

    adapt Mazda visuals based on user input

  • Native esports integration

    ensure cultural fit and audience relevance

How we solved it

We designed the campaign around interaction as the core mechanic, not static content.

[ Key principles ]
  • [ 01 ]

    Interactive quiz system

    users define profiles through guided questions

  • [ 02 ]

    Personalized visual generation

    quiz outcomes produce unique Mazda car visuals

  • [ 03 ]

    Shareable output design

    every result optimized for social distribution

  • [ 04 ]

    Framing landing experience

    page designed as a structured entry layer to interaction

  • [ 05 ]

    Dual-brand integration

    balanced Mazda visibility with Hellraisers’ esports identity

What we built

[ SOLUTION ]

  1. Campaign Concept & Creative Direction

    Campaign Concept & Creative Direction
    • End-to-end concept connecting Hellraisers identity with Mazda branding
    • Defined narrative and visual direction for all campaign assets
    RESULT

    Unified creative foundation for interactive activation

  2. Promotional Landing Page

    Promotional Landing Page
    • High-impact campaign page centered around the interactive experience
    • Designed for clarity, engagement, and fast user onboarding
    RESULT

    Clear entry point into the campaign experience

  3. Interactive Quiz Experience

    Interactive Quiz Experience
    • Multi-step quiz guiding users through personality-based questions
    • Output mapped directly to visual generation system
    RESULT

    Active participation instead of passive viewing

  4. Personalized Car Generator

    Personalized Car Generator
    • System generating unique Mazda car visuals per user
    • Outputs styled within Hellraisers × Mazda campaign identity
    RESULT

    Shareable, personalized campaign artifacts

  5. Visual Asset System

    Visual Asset System
    • Full suite of campaign visuals for landing page and outputs
    • Cohesive integration of esports and automotive aesthetics
    RESULT

    Consistent cross-brand visual experience

Results

Business impact

Transformed Mazda sponsorship into interactive fan experience instead of passive exposure

Generated shareable personalized content driving organic campaign reach

Increased engagement through active participation rather than static viewing

Maintained esports authenticity while delivering strong brand visibility

Created reusable framework for future co-branded activations

[ Technical results ]

  • Fully functional quiz system integrated into landing page
  • Dynamic image generation producing unique outputs per user
  • Responsive experience optimized for desktop and mobile
  • Complete campaign asset system delivered within unified visual direction

Team and tools

[ TEAM & TECH ]

Delivered by a team of creative directors, UI/UX designers, and frontend developers with experience building interactive brand activation campaigns for esports audiences.

  1. Campaign Concept

  2. UI/UX Design

  3. Visual Asset Production

  4. Interactive Quiz Development

  5. Custom Image Generation System

  6. Responsive Frontend

  7. Figma

Related work

[ FEATURED CASES ]

  1. Campaign & Data-Driven Platform Development

    GG.BET - Campaign & Data-Driven Platform Development

    Built a system for managing large-scale streamer campaigns and sponsor integrations - turning fragmented processes into a scalable product.

    • Centralized campaign management across multiple streamers
    • Integrated real-time data and reporting systems
    • Automated sponsor banner rotation and delivery
    • Reduced manual operations and improved scalability
    • Enabled consistent execution of multi-streamer campaigns
  2. Gamified Viewer Engagement Platform

    Dropem - Gamified Viewer Engagement Platform

    Created a gamification system that turns passive viewers into active participants through rewards and interactive mechanics.

    • Introduced XP, rewards, and progression systems
    • Enabled interactive drops and viewer actions
    • Increased engagement during live streams
    • Improved retention beyond live events
  3. Automated Game Prediction System

    goPredict - Automated Game Prediction System

    Built a real-time prediction system for streamers — generating interactive viewer challenges automatically from live game events, with zero interruption to gameplay.

    • Automated prediction generation triggered by real-time in-game events
    • Live data integration for instant resolution and outcome tracking
    • Voice activation and zero-click interaction keeping streamers in the game
    • Cross-platform architecture built for Twitch, YouTube Gaming, and Kick
See all case studies

Start with an AI prototype

See how your feature, flow, or idea works in practice — with real logic, data, and interaction.

Turn your idea into a working product concept in 2–3 days — validate logic, features, and user flows before investing in full development.

  1. Align on product structure and scope
  2. Test core ideas with real interactions
  3. Validate before committing budget