Problem
Helping Canadian job seekers and retailers match and fulfill on-demand work. The homescreen for users was confusing, cluttered, and not user-friendly.
Solution
We set out to create a simplified and user-friendly landing screen for retailers and warehouses to find immediate staffing and manage their budget.
Role
Led mobile homescreen redesign
Designed layout and user flow
Collaborated with designers, developers, and stakeholders
Timeline
2 weeks
Research
Initial competitor research was completed by a UX researcher. As I joined Spot mid-project, I used the initial research to analyze the competitors. I conducted my own competitive analysis to understand the UX and UI of those competitors.
Bacon and GigSmart have a consistent bottom navigation across their app.
I’m unsure about Wonolo, but it looks as though they would use cards to show information.
Bacon doesn’t use labels. I had to tap each one to find out what and where it goes.
GigSmart has the simplest UI and makes sense.
Who I’m Designing For
Design Constraints
The colors, font, and inspiration style were already defined by the time I joined Spot. As the entire app was still in the design phase, there was a lot of discussion around aesthetics and overall feel.
The main inspiration to Spot was to create a Tinder like experience, but for jobs.
No scrolling. Things need to be in a one page view and without the need to scroll.
Keep within predefined color system.
Utilize predefined font system.
The Idea
I did guerrilla research by asking 5 mangers/business owners about a dashboard they want, based on the scenario of using an app to find immediate, temporary workers.
Ability to get a snap shot of the financials.
Ability to create and fill new job postings easily.
Ability to find workers quickly.
Design Explorations
My initial designs tried to accommodate the information I obtained from my guerrilla research. There was no user journey when I joined the team, so I tried to get all that information into a single screen.
At the weekly design review, the entire Spot team talked through each section of screen 1. We figured out how to group certain sections together and simplify the home screen.
User Flow
The lead UX designer and I worked closely together over the next week to iterate the user flow. I presented this user flow to the team and discovered we had redundant data points. This was good to find, as it allowed us to add data, we initially had to omit.
I consulted with the lead engineer on the feasibility of functions, then designed screens with those points in mind. I also had to ensure the data points match up from the user side to the consumer side of the app.
Show relevant screen flow from new home screen
Spotter goes to AI matching
Gigs go to current job postings
Reports go to financial snapshot
Reviews go to reviews of workers who completed work with company
The Simplified Design
This design gives the user the ability to see an overview of their financials, create and fulfill gigs, find talent quickly, and get their reports. It also encompasses the stakeholder wants of star rating, money saved on hiring, and reviews.
Fine tune overall look
Users can navigate to desired information
User friendly
Easy to use
Final Thoughts
This 1 month project, gave me experience researching, designing, working across teams, guerrilla testing, and presenting to key stakeholders.
I learned the importance of concise communication. If the design doesn’t encompass the initial inspiration, it goes down a completely different path.
I also learned how to self edit more meticulously than before. Knowing when and how to step back to check the overall feel. This includes taking a break or working on something else for a little while, before going back to it. It’s a way to refresh my eyes.