top of page
Cheers logo

Cheers

Secondary research | Digital wireframes | High-fidelity prototype

⁉️ What is Cheers?

PROJECT OVERVIEW

Background

Cheers is a mobile app, designed for managing events from weddings, birthdays, Bar-Mitzvah and more. The user wants to manage his app at the best way, across many aspects of the event like invitation design, to-do list, seating arrangement and more. This digital product is bringing a solution for this user.

PRODUCT & UI/UX DESIGNER

My role

I took responsibility on the whole product design A-Z. I started with the UX design, then the UI design, design system and created assets for developers.

THE BEGINNING

Problem

Cheers app was already in the App Store and Google Play with few clients, but had a poor UX and lack of necessary features that led to a failure in this competitive market.

THE BEGINNING

Solution

A research that will give us insights on how to plan this event management app at the best way, considering all user needs.

Cheers mobile app design

💫 Design process

🔍 Who is the user? What he wants?

💞 EMPATHIZE

Lacks & ideas for solutions

Cheers lacks and solutions

Swipe me! 👉

💞 EMPATHIZE

User flow

Cheers user flow
Cheers persona

💞 EMPATHIZE

User persona

I created a user persona based on the a research made to understand users' frustrations and goals while create and manage their upcoming event.

Cryptoverse persona

💞 EMPATHIZE

User story

Based on the Emily and Jack’s persona I created a user story which helps us understand what is the background for the user problem.

Cheers user story
Cheers mobile app design
Cheers mobile app design

🧭 Navigating creative solutions

🎯 DEFINE

Problem statement

Emily and Jack, an engaged couple, who celebrate their wedding soon, need to manage the event in an organized and automated platform for seating arrangement, guest list, timeline and invitation design.

💡 IDEATE

Old app screens

Building the structure of the product is basically the job of paper wireframes. I came up with some ideas and sketched it with a pencil and a paper and then turned it into digital wireframes, ready for a usability study.

Cheers old app

💡 IDEATE

Digital wireframes

This low-fidelity prototype represents the main user flow around the app. I made sure to stick to the user pain points and needs while designing this flow.

Cheers low-fidelity

🎨 Crafting stories through design

📲 PROTOTYPE

High-fidelity prototype (UI & design system)

UI Design | Interaction Design | Visual Design | Design System | High-Fidelity Prototype

📲 PROTOTYPE

Visual & UI design

Cheers mobile app design
Cheers mobile app design

📲 PROTOTYPE

Prototype & design system

Cheers style guide
Cheers high-fidelity

🛠️ Shaping experiences through testing

🧪 TEST

Usability study overview

While I conducted the initial usability tasks and KPIs for the project, the collaboration extended beyond my role as another designer took the lead in completing the usability study. This joint effort ensured a comprehensive evaluation of the app's usability, allowing for valuable insights to inform further design iterations and enhancements.

Participants:
🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️
24-45 years old

Methodologies:

  1. Unmoderated usability study.

  2. Users were asked to perform tasks on a high-fidelity prototype.

  3. 10-15 minutes per participants, in USA, remote.

🧪 TEST

Study details

Tasks:

  1. Understand the latest installation guidelines for a pendant device.


  2. Add a new device to your current project and find its status.


  3. Troubleshoot a reported issue with a security device and apply the appropriate solution.
‍

  4. Find the project manager and leave a comment for him.


KPIs:

  1. Task success rate - Percentage of participants who successfully complete each usability task.

  2. Error rate - Number of errors encountered by participants while attempting to complete usability tasks.

  3. System Usability Scale (SUS) - Overall usability rating provided by participants after completing usability tasks.