Clubhouse - App Redesign 👋

 

Project Overview

Tool : Figma, Framer, Invision, Miro, Adobe XD
Duration : 1 months
Contriutions : Research , Interview, Ux design, UI design
Team : 4people

Due to Covid, a situation where many people were not able to meet continued.
The feature of being invited and voice chat has been in the spotlight.
Therefore, we decided to redesign the clubhouse.

 

Key Features

01

EMPATHIZE

“ How can we communicate without meeting people? “

As many people cannot meet due to corona
The voice chat app "Club House" has begun to gain attention.

User Interviews

Participants : 20 / Ages : 24-38 / Recruited from : Network Base

Participants were different types of people using the clubhouse.
Most of them were in their 2-30s,
And there were quite a few people who signed up for self-promotion.
Signed up to promote friendship or to communicate with people who are similar to them.

Some of the questions I asked during the interviews and in surveys were :

  • How many do you use “ Clubhouse”

  • What you want to get from the app ?

  • When do you usually do it ?

  • How many minutes/hour do you use once?

  • How about your satisfaction?

 
Screenshot 2021-04-28 at 2.14.12 AM.png

Competitive Analysis

To understand similar products on the social network apps.
We did competitive studies and analyzed their strengths, weaknesses, and features.

Frame 105 (1).jpg
 

User Persona

Screenshot 2021-04-28 at 3.24.53 AM.png
 

02

DEFINE

CARD SORTING

Closed card sorting and Open card sorting for users
And we prioritized importance and function .

Screenshot 2021-04-28 at 3.35.15 AM.png
 

USER JOURNEY MAP

We created a Journey Map divided by listener and moderator criteria.
Divide each user's journal for 2 personas into 10 stages and analyze frustration level and opportunity

Screenshot 2021-04-28 at 3.36.20 AM.png
 

03

IDEATE

“ After the individual sketches,
we came together to do collaborative sketches on the Framer. “

USER FLOW INFORMATION ARCHITECTURE

There are 6 main functions in this app, and there are several functions accordingly.

USER FLOW

Screenshot 2021-04-28 at 3.43.38 AM.png
Screenshot 2021-04-28 at 3.46.58 AM.png
 

Wireframes

Wireframes I created based on the researches

Group 182.jpg
 

STYLE GUIDE

Screenshot 2021-04-28 at 3.53.56 AM.png
 

KEY FEATURES

Screenshot 2021-04-28 at 4.04.10 AM.png
Group 14 (1).png

04

PROTOTYE & TESTING

Usability Test

I conducted moderated in - person and
remote usability tests of the clickable prototype with 6 users.
The goal was to test the general usability of the feature and
spot any possible user pain points or dead-ends across the prototype.

Group 185.png
 

05

REFLECTION

“What I learned “ & “Next steps”

We researched many user experiences and found that people's thoughts differ.
This project helped to understand the flow of thoughts of users.
We were able to learn how to prioritize and synthesize the project.
The most interesting part of this project was understanding the value of user research.

So, Next steps :
Some good direction for the future is to add language filtering.
And Introducing a payment system related to advertising.
To protect the user’s eyesight by adding a dark mode