Symple is a SaaS platform that helps landlords manage property certificates and other services required by law. Their platform provides an easier way for landlords to book gas safety, electrical installation, and energy performance certificates.
I was the UX/UI Designer tasked to design their mobile app according to their brand guidelines. The team composed of myself, a business analyst, a product specialist, a QA tester and developers.
My task was to create a mobile version of their platform. It needed to cater to two user types: landlords and service providers, and it needed to adhere to the new design system.
How might we optimize the website for mobile devices, so that landlords and service providers can access information and perform tasks seamlessly on smaller screens?
There are two user groups identified:
The following approach and product strategies were accomplished:
Information architecture helped me organize, structure and label content in an effective way. This provided the foundation as I proceeded to creating my prototype. User flow diagrams helped me visualize, analyze and map how users will interact with the product as a whole. The diagram included paths and journeys that help understand patterns users will take. It allowed the team to gather feedback, make adjustments, and identify and fix user issues ahead of time.
Low fidelity wireframes and initial prototype helped stakeholders visualize the concept and idea. It also let the team resolve basic questions about the content, layout and product requirements before committing to a higher fidelity prototype.
The first user type are landlords. Some of the user flows identified were:
“As a landlord, I want to order services due so that I can comply with regulatory requirements.”
Landlords can view a list of services due, including an “order” button.
Adding the order leads to the cart being updated.
Landlords can review their order details then checkout.
This leads them to a confirmation message and further instructions.
“As a landlord, I want to add properties in my account so that I can have manage my listings efficiently.”
Landlords can click on “New Property” in the properties page.
Adding a new property lets them input their property details.
They can also input keyholder details.
Once they have added their property, they can edit their input or go back to the property listing.
“As a landlord, I want to view my invoices so that I can settle my balances.”
Landlords can view orders and payments made within the app.
They can scroll down to view a list of their orders.
Invoices can be viewed directly in the app or downloaded as a PDF.
They can scroll down to view a breakdown of partial payments and refund (if any) and their outstanding balance.
My second user type are service providers. Some of the user flows identified were:
“As a service provider, I want to register for an account so that I can be an accredited service provider in the platform.”
Service providers can register for an account with Google, Facebook or manually inputting their details.
They provide information about themselves in the process.
They upload the necessary documentation needed to complete the process.
Once they have successfully signed up, they will receive a confirmation message with follow up instructions.
“As a service provider, I want to book jobs so that I can create a steady source of income for myself.”
A list of available jobs including property address and distance.
Showing job details and agreement of terms and conditions before taking job.
A confirmation message including instructions about next steps.
Service providers can view a list of their current jobs.
“As a service provider, I want to upload required documentation so that I can receive my payment.”
After the labor work, service providers can check what to do as a next step to complete the job order.
They can opt to take a photo of their certifications or browse files to upload it.
A notice to let the service provider verify information prior to submitting.
A confirmation message received with follow up instructions.