How we Designed the New Web App For A PropTech Startup

Debo Adebayo

Web Designer
Adobe XD
Figma

Summary

Role: Leading the design process for Pata Boma website
Timeline: 2 weeks
Tools: Designed in Figma
Type of plan: Sprint
Services: Website Design, Brand Development
Studio: Prometheus Labs
Landing Page- Hero Section
Landing Page- Hero Section

Task

The Client wanted to design a web app for a new startup in the property management space in Kenya. Pata Boma Manager ("Find Home" in Swahili) revolutionises how property owners manage their real estate portfolios through an intuitive web-based platform.
Request:
Brand Design and Typography
Landing Page
Web and Mobile Application

Approach

We started with a mood board to understand the client's design preferences and the local real estate market's visual language. The process involved collecting inspiration from successful property management platforms while incorporating elements that would resonate with the East African market.

Wireframing

Early on in our wire framing we realised that we would require a total of 3 UI flows, one for the landlord, one for the tenant and the final one for a property manager.
Initial Wire Framing - Landlord Flow
Initial Wire Framing - Landlord Flow
Initial Wire Framing - Tenant flow
Initial Wire Framing - Tenant flow
Initial Wire Framing- Porperty Manager
Initial Wire Framing- Porperty Manager

Full Design

Following the wireframing, the design process evolved through several iterative stages focused on creating an intuitive user experience. High-fidelity mockups were developed in Figma, incorporating the established design system with careful attention to component hierarchy and visual flow. The dashboard layouts were optimised for different user roles, ensuring landlords, caretakers, and tenants each had access to their most frequently used features at a glance.
We including a horizontal navigation bar that allowed any user to quickly navigate to key pages which had only one to two Primary Actions
Landlord Dashboard
Landlord Dashboard
My Properties Tab
My Properties Tab
Tenant Dashboard
Tenant Dashboard
Payment Tab
Payment Tab

Landing Page

Feedback

Here was our feedback from the CEO, Morris:
"This looks really good dude. I’m impressed with the amount of work you have managed. Your work is good as ever!"
Congratulations for making this far. Full designs here: https://shorturl.at/Sz0If
If you're ready to transform your digital vision into reality and looking for a reliable partner for both Design and Development, let's discuss your next project."
Partner With Debo
View Services

More Projects by Debo