Binar Academy Apps Study Case

Irene Melisa
4 min readMay 8, 2021
Binar Academy Apps Revamp

Hi! First of all, let me introduce myself. My name is Irene Melisa from Binar Academy Wave 8. Currently, I’m learning UI/UX Design in Binar Academy and this is one of my Projects Collaboration with my Partner Hansa Hanandira and Product Management Team from Binar Academy Wave 2.

The Problem

Binar Academy is a Bootcamp that helps the student in learning Digital related skills such as UI/UX Design, Full Stack Developer, and Product Management through a series of course and Project based learning.

But we see that some of the students cannot complete the course.

We are doing research to find the problem, analyze, and give our solutions with Binar Academy Apps.

01/ Introduction

Because this is a collaboration project, we ( UI/UX Team) start out with a research from the Product Management Team.

Then, we re — evaluate the research by doing a User Interview to find out their Pain Points, Understanding Student’s needs, and analyze the existing problems to find the best solutions.

After conducting deep Interview to user, we found a few pain points that we use as a base to developed the feature of Binar Academy Apps and Validate Research that has been done by Product Management Team.

This is the User Persona that we found based on the Product Management team’s research and our Interview.

User Persona

02/ Introduction

At this stage, we Define the Customer Insight based on the interview and research.

The 2 main result of Customer Insight that we get are :

  1. User Activity
  2. Absence

Based in the Insight that we get. We Validate the MVP from Product Management team which is Student Multistep Form as one of the solution that we can do.

This Feature will be added and tested in Usability Testing

We also add Notification to reach user that has not been active in the apps and also give the student Reminder for their class, Challenge, and Multistep form.

03/ Decide

At this stage we make the User Flow based on the customer Insight, Ideation, and problem Solving that we found before.

User Flow

04/ Prototype

At this stage, we made a prototype based on the research, asset, and component from the existing Binar Academy Apps such as Typography, Bars, Button, Forms, Icons, dan Color Theme.

Design System 1
Design System 2
Prototype
Prototype

You can try the Prototype of the Revamp Apps here :

Prototype

05/Validate

At this stage, we try to validate our research and Observation Regarding the Pain Point through Usability Test with our Prototype

User is asked to do a few task according to the scenario.

For this Usability Test, we use Maze to analyze the result from Our Prototype.

Usability Test Plan
Usability Test Summary

From the Usability Testing Summary, we can conclude that the Multistep Form Feature and Notification can help student in completing the Course, Motivate, and Give Student Reminder.

User also give feedback in the Design System that can help increase the experience in using the Binar Academy Apps.

That is Our Study case on Binar Academy Apps.

Thankyou for reading. Please don’t hesitate to reach me, i love to discuss or talk about design :)

--

--

Irene Melisa
0 Followers

Hi! You can call me Irene. Currently i am learning UI/UX Design. Feel free to reach me. I love to discuss and talk about design :)