kPlay
Powered by
Mobile App
An interactive app for the Olympics.
What is kShuttle?
KShuttle, a global company, offers SOC-certified software for reporting and compliance with new international regulations.
About the App
Create a mobile app around a unifying event to see how the product interacts with the new version of kShuttle. A dynamic app designed to elevate engagement around a special event, where enthusiasts come together daily to connect, strategize, and play alongside teammates.
My Role
As a UX/UI Designer, I conducted user research to identify user needs and ideate the most effective solutions, turning these into prototypes. By leveraging iterative user testing and feedback, I refined and validated the designs before handing them off to the engineering team for implementation.
Final prototype
Feedbacks
User
"I’m excited to check the predictions every day, vote, and see if I’m right by the end of the day."
User
"I love that I can create our own group with my friends, share the excitement, track our rankings, and celebrate together as we take on these challenges!”
Mission
Develop a prototype mobile app (deployed internally) to evaluate the performance of the new version of kShuttle, focusing on REST API, authentication, and updates.
Conduct a full-scale test using the app, designed around a unifying theme.
UX Research
Research Goals
We want to investigate the key factors that motivate users to return to an app, in order to understand how to implement gamification strategies that enhance user retention.
Benchmarking
Mon Petit Prono
Need for engagement and immersion
Importance of the social dimension
DailyBean
Daily progress status
Duolingo
Appeal of a friendly leaderboard
Rewards in the form of points
User Interviews
→ How do people engage daily with their routine, especially in gamification apps?
→ How do users interact with the social experience in a game to enhance retention?
5 individuals were interviewed (2 software developers from kShuttle and 3 external people from kShuttle).
All interviews were conducted remotely using Google Meet.
-> Expectations/Findings
Users want to feel daily progression and become highly invested.
“I want to come back every day to complete my daily routine and earn my daily badge.”
Users want to feel connected with their teammates.
“I could compete with friends, made it even more engaging and kept me coming back”
Users like the reward points system.
“the rewards system made me feel like I was really progressing”
Persona
The persona was created based on interviews conducted.
The persona faithfully represents primary users, capturing their expectations, motivations, and frustrations.
The goal is to guide design decisions and ensure that every feature and visual element precisely addresses their needs.
Cameron
OBJECTIVES
Cameron wants to feel that she is actively participating in this event by predicting France's performances and medal chances in each competition.
MOTIVATIONS
Competing with her friends in a fun and stimulating environment.
Predicting athletes' performances and feeling that she has good sports knowledge.
FUSTRATIONS
An app that lacks fluidity or is difficult to navigate.
Lack of responsiveness if scores and rankings are not updated in real-time.
UX Design
Information Architecture
The sitemap step made me realize how crucial it was to understand how the app works and where to place each feature within the flow.
The main features are highlighted in orange.
Homepage
Results
Leaderboards
Medal Table
Profile
Daily Vote
KPI
Graph
Login
Sign Up
Splash Screen
My Groups
Settings
Wireframes
The user flow is a visual or narrative representation of the specific steps a user follows to complete a task when interacting with a product or service.
We chose to create user flows to focus on:
Check vote for today’s predictions
Check vote distribution
See the past predictions
Check the ranking
User Tests
The user tests were conducted by a group of users evaluating the prototype of the app's first version.
→ How do people interact with the prototype following the task journey above?
5 individuals were interviewed (2 software developers from kShuttle and 3 external people from kShuttle).
All interviews were conducted remotely using Google Meet.
Customer Journey Map
A customer journey map was created based on insights gathered from user tests of the app's first version.
Iteration: Homepage
Following the feedback from user tests and based on the customer journey map, iterations were made to create version 2 of the app.
Make the homepage more interactive and comprehensible.
Before
After
Easier-to-understand time limit
Add a social touch with comparison to friends
Immersion and interactivity in the daily prediction
Improved readability of KPIs
Addition of new KPIs to boost daily retention
Highlight player progress
Add personal touch
Iteration: Vote of the day
The daily voting system makes the vote interactive and adds an element of wanting to return.
Iteration: Homepage (After voting)
The results are immediately highlighted and replace the vote invitation once voted.
Invitation to vote
After voting
Addition of athlete names
More readable vote with medal emblems
Iteration: Results
Make the results page more understandable.
Before
After
Highlight the number of points
Color coding to know whether France won or not
A new participant vote visual that reduces the number of clicks and enables quick reading
Use a calendar format
Iteration: Leaderboard
Make the leaderboard as simple and efficient to understand as possible.
Before
After
Highlight your position in the rankings
Highlight the progress of other players
Highlight the podium
Iteration: My Groups
My Groups resectioned into its own dedicated space to allow for better management.
UI Design
Regular / Semibold / Bold
#D44511
#121212
#FFB113
#018943
#EF282D
Impacts
Test the new version of kShuttle, as well as the new infrastructure, and strengthen team cohesion through a festive event.
Next projects for continuous year-round interaction: Roland Garros and Euro Football.
designed by
AS
Thank you for sticking around
Disclaimer: kPlay is not responsible for inflated egos or broken friendships.
Want to see more projects?
EasyVista
Enhance ITSM with AI—explore EV Pulse AI's features today!
ENTERPRISE / END TO END UX DESIGN PROCESS
Ticketmaster
Unlock the best deals—find the lowest price in just one click!
SOLO PROJECT / END TO END UX DESIGN PROCESS