Simplify The Register With Phone Number & Add Multiple Address

Platform

Mobile Apps Ios

Role

UI Designer

Industries

Groceries

About Client

Sayurbox is an application platform for the distribution of fresh products such as vegetables, fruit and other basic necessities.

Approach

The General Process

01 - Hypotheses Forming

Do a context understanding and list of hypotheses based on the Sayubox data.

02 - UI Design

We proceed to the moodboard, and explore the design, from the existing context

03 - Usability Testing

This process is carried out to determine whether the application that has been designed is in accordance with the predetermined scenario, and ascertain whether there are still features that the user is still confused about.

04 - Iteration

After usability testing was done, we were able to find some flaws in the application and from these shortcomings we immediately fixed it again

01 - Hypotheses Forming

Identified Problem

From the data provided by the Sayurbox team, the main problems are :

Target Market

Key Market Target

3 Bigest current segment by age:
● 23 - 27 y.o 19%
● 28 - 31 y.o 25%
● 32 - 35 y.o 20%

Characteristics

Not really into e-mail, familiar with phone number. Mostly use phones for a few main purposes (e.g Whatsapp for communication, social media -> might inform us design-wise that the login process should be as familiar as login to social media platform)

Traditional Flow

Phone Number Login / Register
Phone Number Login / Register

02 - UI Design

Redesign Login & Register Flow

In this redesign of the login or register page, we chose to remove the banner that previously existed in the application, because the banner does not have any information and takes up a lot of space.

In this case, the user can enter using the cellphone number and email in the 1 form provided. And we also changed some of the login or register button options (login with google, facebook, and apple) to make it simpler and more minimalistic.

Interface Design : Login With Phone Number
Interface Design : Registration With Phone Number

Multiple Address

This feature helps the user to be able to add several addresses in the Sayur Box application. So that the user can save several addresses to buy the desired vegetable. Users can also change and delete previously added addresses. And users can label their addresses.

Interface Design : Multiple Address (Add Address)
Interface Design : Multiple Address (Edit Address)
Interface Design : Multiple Address (Delete Address)

More project from Cheers Design 🥂

Some of
my recent work