about

linkedin

resume

Project Duration
15 Nov - 12 Dec 2021
Project Type
BINAR ACADEMY UI/UX PROJECT
Tools
Figma, Maze, and Miro

FITZ Mobile App

About FITZ

FITZ is a digital product (mobile apps) that makes it easy for users to rent field facilities. The user can determine the closest, cheapest or best field according to the location where the user is located.

Project Overview

The various types of sports that exist in Indonesia, make field rental facilities a business opportunity, even though the field rental business has grown every year, but the rental system still uses via telecommunications, call or text.

Such a system is considered ineffective and outdated time by the customer considering the development of the times growing rapidly every day.

Problem

Customers have difficulty knowing the availability of facilities sports around and difficult to book sports facilities.

Solutions

From the problem and quantitative research, the solution we provide is a digital product in the form of rental sports facilities under the name FITZ.

Objective

“Make it easy for customers to rent the field”

My Role

In the last project at BINAR ACADEMY, there were 5 people including 3 from Product Manager and 2 from UI/UX Designer. I am responsible for designing the experience from the research that has been done by the Product Manager.

What I Did

  • Create a business model canvas, user persona, point of view, and customer journey.

  • Mapping the collected ideas into How Might We.

  • Create low-fideility and high-fidelity designs.

  • Prepare the usability testing and conduct usability testing.

Emphatize, Define and Ideate

User Research

We conduct user research by distributing questionnaires to target users (users who often rent sports facilities) to gain insight and pain points from users.

From the results of the research that has been done, it turns out that the user has pain points that match the problem above, "Users have difficulties in knowing the availability of sports facilities and it is difficult to rent sports facilities"

User Persona

Alfredo Siam

Jakarta, Indonesia
BUMN Employee
Age : 24
Talent : Basketball

About

Alfredo is a BUMN employee 24 year old who likes doing sports in the field with his co-workers. Often, Alfredo is facing some difficulties when he want to rent a field. Wrong the only thing is that he is very difficult to determine which field available for rent.

Goals & Needs

  • The choice of venue and schedule is visible.

  • Can book via apps.

  • Convenient payment.

  • Sports facilities always available.

Frustations

  • There is no information on field availability.

  • Must book a field rental with the long timeframe.

  • To find out the schedule, you must call the field guard first and sometimes not fast response.

  • Schedule of available field unclear.

Point Of View

User

People who are actively rent a sports facilities for exercising.

Insight

  • Users want information related to the schedule for the availability of sports facilities.

  • Users want to be able to order and see the availability of sports facilities online.

  • Users want a system thatclear in renting sports facilities.

  • Users want a practical payment process in renting sports facilities.

Needs

  • The choice of venue and schedule is visible.

  • Can book via apps.

  • Convenient payment.

  • Sports facilities always available.

Customer Journey

I mapped the journey for customers who rented sports facilities with the current situation when digital products did not yet exist.

User Flow

How Might We

  • How do we provide information about field rental places by the user?

  • How do we provide information about the nearest field rental place to the user?

  • How do we provide information about the availability of field rental schedules?

  • How do we provide a clear field rental booking system?

  • How do we provide a convenient payment process for field rentals?

Prototype and Test

Sketch

After getting the problem and mapping How Might We, my UI/UX Design friend and I did a rough sketch to get an idea of ​​what is compatible with FITZ digital products.

In the project group, we agree not to provide excessive requirements so that in the sketch phase (which is done by the UI/UX Designer) it doesn't depend on the requirements,but can explore things that may be compatible to be re-approved later on FITZ products.

Low-Fidelity Design

After making a sketch and having an idea of ​​how the layout will be displayed,what features will there be, I made a low-fidelity design with a screen in the form of flow from when the user logs in, until the user flow finishes the transaction.

We do not display all pages, for example profile pages, chat features, or search features because we only want to show a screen in the form of a solution to the problem there is.

Usability Test

At this stage, I begin to prepare a prototype that will be used for usability testing. I use MAZE tools which help me to be able to do usability testing long distance. I grouped tasks into 3 phases namely login, sport selection, and payment.

After finishing preparing usability testing, we scheduled interviews with several targets users (who often rent sports facilities) for interviews. We got 4 in total target users who are willing to be interviewed online (via zoom).

We got some insight from relevant target users so I made some adjustments to several designs. The insights gained include:
“Am I able to view photos on every available court?”
“Can I see the location (maps) where I will play?”
“Is there no price difference between weekdays and weekends?”

High-Fidelity Design

Style Guide
Design

Onboarding - Login

Homepage

Checkout

Design Prototype

What i learn from this project?

Some of the things I learned from working on this project are as follows:
  • Interviews with target/potential users are very important, they can provide insight that our group may not have thought of before

  • Collaborating provides a space to be able to exchange ideas, discuss possibilities that can and cannot be applied

  • Before starting to do work (case studies), it would be nice to really know the brief so that everyone knows what each individual is doing

  • Usability testing is very important, where we change perceptions (groups) to be tested for potential users. From usability testing, we can see the pain points felt by the user, which flow is not good and which flow is maintained.