Overview: Responsive Web Redesign & Feature Integration (UX & UI Designer)
Equip are a construction marketplace operating in New York and catering towards the Tri-state area. They cater towards construction workers with a specific focus on electricians.
Our client, “Equip”, had recognized the predominant issue of a lack of trust in the workplace regarding the worker's skills, and wanted us to find the best way to solve it. We decided on creating a skill assessment tool that the workers could use online as the potential solution, as our client had already conducted some very limited preliminary user research into this problem space and felt that this would greatly help to re-establish trust as the workers could accurately evaluate their skills through this tool.
Landing Page - Skill Assessment Technologies Used:
- Figma
- Miro
- Slack
- Canva
- Notion
- Google Suite
Discover (Methodologies):
- User Interviews & Interview Guide
- Desk Research
- Competitive Analysis
We focused on talking to users in the field (both those who were electricians and the contractors) and making sure we had created a concise and well-constructed interview guide so that we could receive results that would be relevant to our problem space. We did this because by talking to both workers and contractors, we could understand the issues of mistrust from both sides. The results from these user interviews would be the building blocks of the project itself, so we made it imperative that we prioritized this and thus we were able to speak to a total of 9 people within our tight schedule.
Competitive Ananlysis
After our competitive feature analysis, we arrived at the end of our initial discovery phase. We had established main points that would be imperative to the continuation of the project, and from here we could begin to define our focus and start to synthesize the results we had acquired so far. Our user interviews and competitive feature analysis both gave us insight into the current solutions to the issue of mistrust within this workspace, thus giving us some preliminary insights regarding possible solutions. From here, we had further reasoning on how a well-constructed skill assessment tool for the worker's abilities could help solve this issue of mistrust as contractors would have an accurate way to understand workers' current level before testing them in the field.
Define (Methodologies):
- Affinity Mapping
- User Persona
- Journey Map
From these results, me and my team were able to apply various UX techniques that would allow us to use these results to continue the development of the project as we could now refine our focus into the problem itself, and the correct way to approach it.
To do this, by generating insights from our interviews, creating our persona and producing his journey (through a journey map) we could envision how users would currently go about the process of evaluating their skills, and evaluate the main areas that had the biggest pain points that we needed to address.
Journey MapUser PersonaWith Sameer and his journey in mind, we could now construct our problem statement. This would be tailored to our concise focus on the problem, and give us clear context to refer back to as we moved onto the design process of our project
Problem Statment:
When looking for new work as a helper or junior mechanic, workers often find that contractors do not fully trust their word on their abilities. Sameer doesn't know how to prove his skills to contractors, so how might we help verify Sameer’s skills and level?
Design (Methodologies):
- Design Studio
- Prototyping
- Usability testing (Mid & High Fidelity)
Our client, “Equip” had given us full creative license to make any changes to the current style guide and navigation they currently had in place. With this in mind, we used design studio’s to sketch various ideas on how the very beginnings of a prototype could look, then we would make iterations and improvements on the sketches and finally decide on a final design iteration to produce into mid fidelity. Once reaching high fidelity, we would make the appropriate finishing touches on what we had to get as close as we could to a finished product.
Low-Mid Fidelity Landing page
Once we had created our mid fidelity, we then tested the prototype and used those results to make the improvements needed. Due to our intentional design and careful research, we were able to have a seamless transition from mid fidelity to high fidelity. Our users found the navigation and function of the prototype easy to use and understand, which reinforced the ease of our transition into high fidelity.
Mid Fidelity Testing ReportFrom our results we could see that from our careful construction of the navigation and function of the prototype, our users had very little issues with completing the tasks and using the prototype.
High Fidelity Testing ReportAfter this point we had successfully completed our project! The success of our high fidelity prototype meant that we could then make our final presentation to our stakeholders and start to handoff our product and various materials. From this project I learned a lot regarding correct information hierarchy and how it can influence a persons choices and navigation within the experience, and also the true meaning of supporting what the data shows.
(Below you can view the high fidelity prototype!)
