Oycose Tenant Dashboard + Mobile App
The end-to-end Oycose renting experience is comprised of three steps: Search, Lease, and Live.
To support the Live portion of the Oycose experience, I designed a web-based dashboard to allow renters to access the status of their rent payments, deposits, and maintenance requests. Additionally, I designed an accompanying mobile app that tenants use to access the aforementioned features quickly and conveniently from their smartphone.
Organization
Oycose
Project Duration
3 months
Team
CEO, Designer, Engineer
Role
Product Design
Objectives
Enhance Renters' Access to Payments and Payment History
My primary goal was to design a web-based dashboard that offers renters easy access to critical information. This includes tracking rent payments and deposit statuses efficiently.
Create a Mobile Channel
Recognizing the need for on-the-go convenience, I aimed to create a mobile app that mirrors dashboard functions. This goal was to ensure that tenants can manage their rental tasks conveniently from their smartphones.
Streamline Maintenance Requests
Another goal was to simplify the process of reporting and tracking maintenance requests. This feature aimed to improve tenant satisfaction and expedite property management responses.
By setting and achieving these objectives, my work not only improved transparency and efficiency in the rental process but also prioritized a delightful experience for tenants within the Oycose ecosystem.
Early Iterations
Tenant Dashboard - Early Wireframes
The Tenant Dashboard allows users to access and manage their personal information, lease details, and payment history. It's important for tenants to easily keep track of their rent payments, lease documents, and any ongoing maintenance requests.
The rent payment flow is straightforward and secure, offering options for one-time payments or setting up recurring transactions with various payment methods.
Maintenance requests are another key element. Tenants should be able to submit requests with ease, attaching photos and descriptions of the issues they encounter. Tracking the status of these requests is crucial for transparency and tenant satisfaction.
Mobile App - Early Wireframes
The mobile app contains the same features as the web application - it differs only in format.
For mobile navigation I decided on a bottom navigation bar for core functions such as Tenant Profile, Payments, and Maintenance. This setup ensures quick and convenient access to the most frequently used features.
For additional options and settings, I used a burger menu in the top corner, housing features like Notifications, Settings, Help, and Log Out.
Refined
Wireframes
Tenant Dashboard - Hi-fi Mockup
Once I established the overall layout and grid structure, I opted to employ 'card' sections for storing information, including rental details. Cards are easy to arrange within a grid and are easily manipulatable. They prove to be an excellent choice for responsive design, as they serve as flexible content containers that can seamlessly adjust in size.
In my experience, long scrollable dashboards never work. Although the intention is to present high volumes of information in an organized fashion, this strategy often results in a significant problem—users tend to focus primarily on the information that's immediately visible above the screen fold. Therefore, I limited the dashboard to strictly one-page.
Mobile App - Hi-fi Mockup