Redesign of mobile application commercial property maintenance
From PWA (progressive web application) to Native App
About Company
A tech-based solution for North America (mainly Toronto, Canada) offers property managers an all-in-one platform enabling them to efficiently run their cleaning and maintenance operations remotely.
Business model
The revenue model is based on a commission basis.
Role & responsibilities
I was the sole Product designer working with the Progressive web application(PWA). I was responsible for improving the conversion rate and implementing new features by creating a design for Native iOS and Android platforms from scratch.
- Identifying the needs and requirements of the product, including understanding the target market and gathering user input.
- Researching similar products and analyzing the competition.
- Developing and sketching initial concepts and ideas for the product.
- Creating the design system and component library.
- Coordinating with Developers and PMs.
How PWA for expert worked (before)
Understand the users (experts)
To create the user persona, I requested the operation department to provide me with information such as the ages, genders, behavioral patterns, goals, skills, and attitudes. I scheduled a meeting with a group of experts in downtown Toronto to collect more accurate data.
"I'm looking to join the company that gives me a stable job with a low level of qualification."
- Expects the app experience to reflect the business's culture and values.
- Need to know if the company has reputable partners and customers.
- They want to be sure they've found the right job on the schedule.
- Also, they want to be sure they pass check-in and check-out properly.
- Pass check-in and check-out.
- Add photos and additional information.
- Need to see a reason why a company is interesting: has a convenient application, has intense growth.
"I want to have control of my work and decide when and where my work gets done."
- Needs to be confident the company has an understandable, not complicated application.
- It takes a lot of work to organize her schedule.
- Keep track of various jobs.
- Pass check-in and check-out.
- Add photos and additional information.
- Become more proficient with her work, so that she can do more with less.
Translate insights into user journey map
I mapped out user goals, problem statements, and tasks and aligned them to actionable features and entry points.
Job list - problems statement
Based on the content of studies, I hypothesized it was a problem with too many CTAa (Call to action) and Bulky inconsistent UX.
(PWA) a without taking an action
on this page during each session.
the last in the session.
icons for simplicity. Move the profile
section to the menu.
auto refresh.
job screen.
the first step.
Decision
After evaluating the user experience, we decided to simplify the information structure.
Calendar - problems statement
Creating a calendar feature for experts to check their schedules will reduce the workload on the operation department.
- Users want to be able to find the current day's jobs on the job list.
- It should be easy to navigate, with clearly marked dates.
- When opening the calendar, users must see a list of their current day's scheduled tasks.
user opens the calendar.
for the current day.
Transition guidance
I decided to use the Beyond screen bounds transition. The component expands and collapses along the y-axis as it slides on and off the screen.
The result
By implementing the calendar, we cut the number of calls to the operation department in half.
Check In - problems statement
on this page during each session.
the last in the session.
to this page.
impact the usability of an app.
By creating a modal, we facilitate the check-in process. It allows users to stay on the same page while completing the task. Also, making the "number of experts" counter more significant helps avoid misclick.
The result
Modal improved the user experience by allowing quick access to additional information or actions within the same context.
Check Out (add photo) - problems statement
Adding photos from the job list screen can save experts time and streamline their workflow. Instead of navigating to the checkout screen and spending extra time adding their photos, they can easily add them from the job list screen.
Design system & components
