Wasooli Mobile App UI and Branding Design

Masna Umeed

Introduction

I worked as a freelance designer for the Wasooli mobile app. Wasooli, which means 'receiving' in Urdu, is a mobile application available for both Android and iOS platforms. It facilitates the creation of contracts for payments, loans, rent, and more. The app enables both parties to define their terms, maintain a centralized record for documenting updates, and set reminders for payments. The app is currently under development.

Define

Using the Product Requirements Document provided by the client, I meticulously mapped out all the requirements. Next, I developed a user journey map to outline the interactions and flow between the two primary actors (initiator and payer) within the Wasooli mobile app.
After client review and approval, these flows served as the foundation for creating the information architecture and designing the corresponding UI views.
Product Requirements Document
Product Requirements Document
Mapping out the requirements
Mapping out the requirements
Zoomed in section of the User Journey Map
Zoomed in section of the User Journey Map

App Designs

I created the UI designs for the mobile app from the information architecture and user journey map. I used Material Design components for the designs to ensure a consistent and familiar experience for the users.
The designs were created in Figma and included the following sections:
Signup/Signin
Home, Notifications and Settings
New contract creation
Contract views for both actors
Each section had multiple iterations and was reviewed with the client.
Multiple iterations for each view
Multiple iterations for each view
Views for Home, Notifications and Settings
Views for Home, Notifications and Settings
Views for new contract creation
Views for new contract creation
Views for contract views and states
Views for contract views and states

Branding

I also created the branding for the app. I workshoped some moodboards and define the theme and feel of the brand. I then created the logo and branding mockups for the app. The branding was based on the Urdu form of Wasooli and 2 colors for both actors (initiator and payer).
Mood board
Mood board
Defining the theme and feel of the brand
Defining the theme and feel of the brand
Final concept based on Urdu form of Wasooli and 2 colors for both actors
Final concept based on Urdu form of Wasooli and 2 colors for both actors
Branding mockup and presentation
Branding mockup and presentation
Like this project

Posted Oct 20, 2025

Designed the UI and branding for Wasooli mobile app using Figma and Material Design System.

CodeInterview.io SaaS Web App Design
CodeInterview.io SaaS Web App Design
Verizon Connected Car Microsite for BMW owners
Verizon Connected Car Microsite for BMW owners
Synchrony Bank Website Design
Synchrony Bank Website Design
Sustainability Lab Website Design
Sustainability Lab Website Design

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc