top of page
Knoc Knoc page logo.png

UI design for a one-stop app created for women; to browse and book many different services.

Role

UI designer

Timeline

3 months

Knoc Knoc cover icon2.png

Problem

Solution

Women, both working and stay-home mothers, find it difficult to engage services to help with chores.

Design a one-stop app that consolidates different services and allows for booking appointments easily.

Knoc Knoc Page Banner2.png

Research Gathered

As I was taking on the UI designer role for this project, the client shared with me the data points that they had already gathered from their research. These were obtained from from interviewing 20 women aged 25-45 years of age.

Key Findings

Motivations

Time, rest, peace of mind

Current Practice

Women with children have no time to source for companies to help with cleaning, maintenance etc. â€‹

Wishes/ Gaps

Mothers who just gave birth prefer an app that meets various needs; to save time and energy 

The client wanted to fill the gaps that exist in this area. Together, we wanted to create an app that streamlines processes for them to access necessary services for their daily needs. 

Define

Target Users

From the client's research, we narrowed down our user persona; choosing to design for Mei Ling, a housewife who does not fancy trips to the car mechanic. 

Knoc Knoc user persona.png

Tackling the Problem 

To help improve the experience for the user, it was also helpful to think about some questions. 

How might we simplify the process of searching and booking services for users?

How might we empower women by easing their daily mental load and taking some tasks off their hands?

I would like to find ways to streamline the booking process for services because women want to accomplish more with their time.

User Flow

I created a user flow to determine what pages were needed to satisfy user goals and provide a smooth task flow.

Knoc Knoc User Flow.png

Design

Mid-Fi Screens

As I experimented with various designs, I presented these 5 screens to the client first.​ The aim was to have a simple interface that shows the user the various types of services and categories available to them.

Mid-Fi Wireframes

Splash Screen.png
Login.png
Interface.png
Subservices.png
Booking off.png

Branding & Visual Design

Easy, helpful, and aesthetic. 

The client wanted the brand identity to embody these values.

 

Colour palette: 

Feminine and attractive.

​

Typeface:

Versatile, and easy on the eyes.

Knoc Knoc Component Library.png

High-Fi Wireframes

Login.png
Subservices.png
Booking off.png
Timing.png
Payment.png
Support.png
Add-On.png

Reflection

Learnings

Through working with my client, I learnt that the client's needs come first. Because of this, I found myself learning how to articulate and explain my design decisions to the client. 

Areas of Improvement

As I was only the UI/ visual designer on this project, I was not able to do the research or plan the user journey as I would have liked to. It would have been great if I had the opportunity to work with the UX designers and researchers before designing the interface. It would also have been helpful to speak directly with the developers to collaborate on creating the best experience while not compromising on good design.

Client's Feedback

"Will be definitely be back for more! Aruna is friendly and professional and very efficient and fast at what she does 😊 

 

Super efficient and fast speeds and very good rendering with initiative. My third time using her services for my app’s UI and it’s amazing! Can’t do it without her"

Other Projects

movo home icon hover.png
MOVO home icon.png
SHIFT home icon hover.png
SHIFT home icon.png
Splitwise home icon.png
Splitwise home hover icon.png
bottom of page