We designed a simple, intuitive and fun quiz webapp
to improve and support team spirit for a big4.
Forget about the boring experience! 

Overview

This Quiz Webapp would be part of a team building experience for a Big4 company, where players will be in teams or in solo mode (in case of connexion lost or no opponent found).

My role: UX, UI designer
Duration: 6 weeks
Tools: Figma,Figjam, Illustrator, Mural

Challenge

Design a Quiz webapp that help people connect and have fun together in a professional environement.  

Goal

Deliver UX & UI and work with devs to have a ready to use Webapp.

01 - DISCOVER

 

A quiz app?

I conducted a competitive analysis a to figure out behaviors and interfaces
when it comes to a webapp quiz.

  • Kahoot, outgrow and Quipo quiz are popular webapp quizzes.
  • I compared available features to determine what is the most useful to us.

I also gathered as much information I could by setting up meetings with my managers and extracted key features to create this webapp.

Solo player mode 
Team player mode 
Versatility: we want to be able to play in a specific environment, an amusement park.

02 - DEFINE

 

How players would react?

I curated two different personas with my user-centered approach to get a better idea of how my user would react to this quiz app.

Laura, the latest new joiner, is also a travel blogger who likes to share her most recent adventures. She recently joined the Big4 and she is ready for new experience, feels very excited but can also feel overwhelmed.

Tom, the senior manager, who likes his old habits and love everything corporate. He does not like change and feels lost when it comes to stepping out of his comfort zone.

How can we improve
the player experience?

To conclude my research, I came up with a few How Might We statements to focus on the users' pain points and how to incorporate both a modern and corporate feel throughout the web application.  

How might we create a fun experience and keep also a coporate feel?
How might we make sure the user gets the most seemless game experience?
How might we tackle lost connexion or error management whithout frustrating the player?

03 - DEVELOP

 

What about the flow?

It was finally time to think of the task flow and user flow.
I mapped TO BE the process and validated the process
by my managers.

12s
USER-FLOW

04 - DELIVER

 

fun and happy feel.

The challenge was to make the UI feel modern and corporate. I created a very simple logo inspired by the DOT, which is a graphical element used very often within the company. The graphic style is derived from the Neomemphis style, that we used in touches to bring happiness and playfullness within the app. 

The goal was to have clear and simple screen with a small touch of Neomemphis design.

1-design
3-design
font
4-design
sz
kk
Frame-9

REFLECTION

I gained confidence after completing this project. What I'm most proud of from this project was the ability to conduct research, rebrand, ideate, and design a web app all within this time frame.  

The choice of color was very complex and working in collaboration with devs during the whole process was amazing. 

Moving forward, I would continue to create library components like I did for this project, and really focus on getting the best user flow we can create.

 

View