UXathon Twistoo

UXathon Twistoo

Designing Engaging Gamified Promotions for Marketers

Designing Engaging Gamified Promotions for Marketers

Designing Engaging Gamified Promotions for Marketers

Participated in the UXathon competition with Twistoo to design a platform that helps marketers create and publish gamified promotions, boosting user engagement and conversions.

ROLE

ROLE

ROLE

UXUI Designer

Content Creator

(Team of 5)

UXUI Designer

Content Creator

(Team of 5)

UXUI Designer

Content Creator

(Team of 5)

TIME

TIME

TIME

Dec, 2023

CATEGORY

CATEGORY

CATEGORY

Gamified Promotion

Gamified Promotion

Gamified Promotion

TOOLS

TOOLS

TOOLS

Figma

Figma

Figma

Miro

Miro

Miro

Notion

Notion

Notion

SKILLS

SKILLS

SKILLS

UI Design

T-shaped Design Skills

T-shaped Design Skills

UX Research

UX Research

UX Research

Marketing Strategy

Marketing Strategy

Marketing Strategy

Awards

Best Prototype

Best Prototype

Best Prototype

Overview

Overview

Overview

Participated in the UXathon competition hosted by Loughborough University in collaboration with Twistoo. The goal was to create a platform that enables marketers and e-commerce specialists to design and publish gamified promotions for online stores, enhancing user engagement and conversions.

Loneliness is a growing epidemic among 16-24-year-olds, with 73% of Gen Z reporting feeling lonely (Forbes). Its impact on health is comparable to smoking 15 cigarettes a day, making it a critical issue to address.

Loneliness is a growing epidemic among 16-24-year-olds, with 73% of Gen Z reporting feeling lonely (Forbes). Its impact on health is comparable to smoking 15 cigarettes a day, making it a critical issue to address.

Client: Twistoo – Gamified Promotions Platform

Client: Twistoo – Gamified Promotions Platform

Objectives

Objectives

Objectives

  • Simplify Promotion Design: Make gamified promotion tools accessible to marketers without technical skills.

  • Boost Customer Engagement: Use interactive elements to keep customers engaged.

  • Increase Conversion Rates: Design promotions that drive sales through fun interactions.

  • Retain Users: Encourage repeat visits with enjoyable experiences.

  • Simplify Promotion Design: Make gamified promotion tools accessible to marketers without technical skills.

  • Boost Customer Engagement: Use interactive elements to keep customers engaged.

  • Increase Conversion Rates: Design promotions that drive sales through fun interactions.

  • Retain Users: Encourage repeat visits with enjoyable experiences.

Challenges

Challenges

Challenges

User Registration & Onboarding

User Registration & Onboarding

User Registration & Onboarding

  • Primitive Registration: Basic setup hinders smooth user acquisition.

  • Unclear Onboarding: Users struggle to understand how to get started effectively.

  • Primitive Registration: Basic setup hinders smooth user acquisition.

  • Unclear Onboarding: Users struggle to understand how to get started effectively.

Lack of Informative Dashboard

Lack of Informative Dashboard

Lack of Informative Dashboard

  • Without clear metrics and insights, user activation and engagement are negatively impacted.

Without clear metrics and insights, user activation and engagement are negatively impacted.

Without clear metrics and insights, user activation and engagement are negatively impacted.

Promotion Design Complexity

Promotion Design Complexity

Promotion Design Complexity

  • Technical Barriers: Marketers find it difficult to create engaging promotions without coding skills.

Technical Barriers: Marketers find it difficult to create engaging promotions without coding skills.

Technical Barriers: Marketers find it difficult to create engaging promotions without coding skills.

User Engagement & Fatigue

User Engagement & Fatigue

User Engagement & Fatigue

  • Balance of Fun & Simplicity: Gamified elements must be enjoyable but not overwhelming.

Balance of Fun & Simplicity: Gamified elements must be enjoyable but not overwhelming.

Balance of Fun & Simplicity: Gamified elements must be enjoyable but not overwhelming.

Customer Retention

Customer Retention

Customer Retention

  • Promotions need to be engaging enough to encourage repeat visits and build long-term loyalty.

Promotions need to be engaging enough to encourage repeat visits and build long-term loyalty.

Promotions need to be engaging enough to encourage repeat visits and build long-term loyalty.

Deliverables

Deliverables

Deliverables

  1. Registration & Login Screen

  2. User Onboarding Tour

  3. User Dashboard

  1. Registration & Login Screen

  2. User Onboarding Tour

  3. User Dashboard

  1. Registration & Login Screen

  2. User Onboarding Tour

  3. User Dashboard

Research

Research

Research

Competitor Analysis

Persona

Persona

Persona

MEET JOHN: A MARKETING MANAGER

MEET JOHN: A MARKETING MANAGER

MEET JOHN: A MARKETING MANAGER

OFFICE WORKER | 30 | LONDON, UK

OFFICE WORKER | 30 | LONDON, UK

OFFICE WORKER | 30 | LONDON, UK

John, 30, is a marketing manager in London who loves travel, reading, and gaming, but feels overwhelmed balancing tight budgets, engaging customers, and proving ROI.

John, 30, is a marketing manager in London who loves travel, reading, and gaming, but feels overwhelmed balancing tight budgets, engaging customers, and proving ROI.

John, 30, is a marketing manager in London who loves travel, reading, and gaming, but feels overwhelmed balancing tight budgets, engaging customers, and proving ROI.

NEED 📈

  • Enhance online engagement

  • Improve marketing strategies

  • Attract more customers and increase retention

NEED 📈

  • Enhance online engagement

  • Improve marketing strategies

  • Attract more customers and increase retention

NEED 📈

  • Enhance online engagement

  • Improve marketing strategies

  • Attract more customers and increase retention

MOTIVATION 🙌🏼

  • Efficient, streamlined workflow

  • Positive impact on company success

  • Professional growth and recognition

MOTIVATION 🙌🏼

  • Efficient, streamlined workflow

  • Positive impact on company success

  • Professional growth and recognition

MOTIVATION 🙌🏼

  • Efficient, streamlined workflow

  • Positive impact on company success

  • Professional growth and recognition

PAIN POINT 😐

  • Limited marketing budgets

  • Low engagement in online promotions

  • Lack of creativity in strategies

  • Difficulty attracting and retaining customers

PAIN POINT 😐

  • Limited marketing budgets

  • Low engagement in online promotions

  • Lack of creativity in strategies

  • Difficulty attracting and retaining customers

PAIN POINT 😐

  • Limited marketing budgets

  • Low engagement in online promotions

  • Lack of creativity in strategies

  • Difficulty attracting and retaining customers

artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png
artboard-1-(1920x1080)-6424cd093f79e8983289b498_2x.png

"I need online promotions that captivate and engage, turning casual visitors into dedicated customers."

"I need online promotions that captivate and engage, turning casual visitors into dedicated customers."

"I need online promotions that captivate and engage, turning casual visitors into dedicated customers."

Solutions

Solutions

Solutions

  1. User Registration 👤

  1. User Registration 👤

  1. User Registration 👤

  • Upscale the sign-up & sign-in pages by adding marketing slogans and company features.

  • Add Company details pages to know targeted audiences by asking them some information.

  • Upscale the sign-up & sign-in pages by adding marketing slogans and company features.

  • Add Company details pages to know targeted audiences by asking them some information.

  1. Onboarding Process 🚀

  1. Onboarding Process 🚀

  1. Onboarding Process 🚀

  • After registration and getting started on the first campaign. The dashboard shows a step-by-step onboarding process, which helps users understand the website's core functionality and how it can be used to facilitate their needs.

  • After registration and getting started on the first campaign. The dashboard shows a step-by-step onboarding process, which helps users understand the website's core functionality and how it can be used to facilitate their needs.

  1. Dashboard 🎯

  1. Dashboard 🎯

  1. Dashboard 🎯

  • Visualise the dashboard by dividing a few blocks with priorities, including the latest campaigns, top campaigns, unique users, total game plays, distributed rewards, and marketing pop-ups.

  • Visualise the dashboard by dividing a few blocks with priorities, including the latest campaigns, top campaigns, unique users, total game plays, distributed rewards, and marketing pop-ups.

Design

Design

Design

High-fidelity Prototype

High-fidelity Prototype

High-fidelity Prototype

We draw paper wireframe first and then divided the work on high-fidelity prototype focusing on three sections.

We draw paper wireframe first and then divided the work on high-fidelity prototype focusing on three sections.

We draw paper wireframe first and then divided the work on high-fidelity prototype focusing on three sections.

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration

2. Dashboard

3. Onboarding Process

High-fidelity Prototype

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration

2. Dashboard

3. Onboarding Process

By adding "Company Details Pages" to getting know the targeted audiences by asking about their industry, company size, and how they heard about the company.

By adding "Company Details Pages" to getting know the targeted audiences by asking about their industry, company size, and how they heard about the company.

By adding "Company Details Pages" to getting know the targeted audiences by asking about their industry, company size, and how they heard about the company.

High-fidelity Prototype

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration 2. Dashboard 3. Onboarding Process

1. Registration

2. Dashboard

3. Onboarding Process

We focused on visualise the dashboard and divide a few blocks with priorities, including the latest campaigns, top campaigns, unique users, total game plays, distributed rewards, and marketing pop-ups.

We focused on visualise the dashboard and divide a few blocks with priorities, including the latest campaigns, top campaigns, unique users, total game plays, distributed rewards, and marketing pop-ups.

We focused on visualise the dashboard and divide a few blocks with priorities, including the latest campaigns, top campaigns, unique users, total game plays, distributed rewards, and marketing pop-ups.

Results

Results

Results

Conceptual Success ✨

Conceptual Success ✨

Conceptual Success ✨

  • Developed a platform concept that streamlines gamified promotion creation for marketers.

  • Developed a platform concept that streamlines gamified promotion creation for marketers.

Positive Feedback 🚀

Positive Feedback 🚀

Positive Feedback 🚀

  • Judges appreciated the intuitive interface and focus on ease of use.

  • Judges appreciated the intuitive interface and focus on ease of use.

Potential Impact 🎯

Potential Impact 🎯

Potential Impact 🎯

  • If implemented, the platform could empower non-technical marketers and boost e-commerce engagement.

  • If implemented, the platform could empower non-technical marketers and boost e-commerce engagement.

Reflection

Reflection

Reflection

The UXathon competition at Loughborough University was an intense but rewarding one-day workshop, with the brief released a week in advance. Collaborating with teammates from diverse backgrounds honed my decision-making skills under pressure.

The UXathon competition at Loughborough University was an intense but rewarding one-day workshop, with the brief released a week in advance. Collaborating with teammates from diverse backgrounds honed my decision-making skills under pressure.

Our optimised solution combined a user-friendly design with commercial viability, and we were proud to deliver the best prototype of the competition. Our client, Twistoo, praised the interface for being clear, easy to use, and user-friendly.

Our optimised solution combined a user-friendly design with commercial viability, and we were proud to deliver the best prototype of the competition. Our client, Twistoo, praised the interface for being clear, easy to use, and user-friendly.

Group Photo

Back To Home

Built in Framer

Created by Wei Hsin 2024

Built in Framer

Created by Wei Hsin 2024

Built in Framer

Created by Wei Hsin 2024

Portfolio logo
Portfolio logo