Jobs Bazaar App and Responsive Website
Embedded Files
OVERVIEW
Jobs Bazaar is a job finding portal. It is a small employment website to helps jobseeker to get suitable job. Jobs Bazaars’ primary target users include college students and adults who are unemployed and searching for a job.
MY ROLE
Independent UX designer
RESPONSIBILITIES
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
PROJECT DURATION
8 Weeks
TOOLS USED
Figma, FigJam, Microsoft Office Suite
PROJECT OVERVIEW
THE CHALLENGES
Maximum job portals do not take responsibility of the jobs listed on the portals whether they are genuine or not. Many of the jobs are not real i.e., they are fake which are listed in the portals. Also, some of the job portals ask for the money before the commencement of the job.
THE GOAL
Design an app that will improve those problems and makes it easier for job seekers to decide on a specific career.
UNDERSTANDING THE USER
UNDERSTANDING THE USER
USER RESEARCH: SUMMARY
My user research consisted of conducting user interviews with peers, family members and Facebook users. I wanted to really understand what challenges users face in the Job application process, how these made the users felt.
PERSONAS
Based on the information gotten from the foundational research, I created a persona whose demographics, motivations, goals and frustrations represent the needs of the users.
PERSONA -1
Sonia is an active job seeker who needs decent notification and adequate job information because she became irritated and lost her track.
PERSONA - 2
Surya is an active job seeker who needs better navigation and accurate search filters because this takes valuable time out of his busy schedule
COMPETITIVE AUDIT
An audit of a few competitor’s products provided direction on gaps and opportunities to address with the Job Bazaar app.
Click to view full
STARTING THE DESIGN
STARTING THE DESIGN
DIGITAL WIREFRAMES
I created the initial designs for the Job search app. These designs focused on delivering personalized guidance to users
LOW-FIDELITY PROTOTYPE
Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected completed the job application, so the prototype could be used in a usability study.
Link -
REFINING THE DESIGN
REFINING THE DESIGN
To get an early insight into the app’s usability before the introduction of visual elements, I recruited 5 participants to test the low-fidelity prototype.
Affinity Diagram
I used Affinity diagram to organise the notes and thoughts from the interviews and uncover an underlying pattern among the participants.
USABILITY STUDY: FINDINGS
By watching the participants interact with the app and hearing their thoughts, I was able to identify problem areas in the app’s design
MOCKUP AFTER USABILITY STUDY
MOCKUP AFTER USABILITY STUDY
Based on the insights from the usability studies, I applied design changes like providing a Notification icon in place of email message icon on navigation bar.
Additional design changes included adding an “APPLY” button above of navigation bar that providing a clear indication of fixed position in the screen
FINAL MOCKUP
FINAL MOCKUP
HIGH-FIDELITY PROTOTYPE
HIGH-FIDELITY PROTOTYPE
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
RESPONSIVE DESIGN
RESPONSIVE DESIGN
SITEMAP
My goal here was to make strategic information architecture decisions that would improve overall website navigation. The structure I chose was designed to make things simple and easy.
RESPONSIVE DESIGNS
The designs for screen size variation included mobile, tablet, and desktop. I optimized the designs to fit specific user needs of each device and screen size.
ACCESSIBILITY CONSIDERATIONS
GOING FORWARD
GOING FORWARD
TAKEAWAYS
NEXT STEPS
Thank you for reaching the end of this case study🤗.
Page updated
Google Sites
Report abuse