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
Registration & Login Screen
User Onboarding Tour
User Dashboard
Registration & Login Screen
User Onboarding Tour
User Dashboard
Registration & Login Screen
User Onboarding Tour
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



"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
User Registration 👤
User Registration 👤
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.
Onboarding Process 🚀
Onboarding Process 🚀
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.
Dashboard 🎯
Dashboard 🎯
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