Me in Lead Product Design, Visual Identity, Illustration Branding
Ahilia Agency in Design support,
Trenna Sharpe in Copywriting,
Arup Dey in Front-end, WordPress Development
Kauslendra Narayan in Backend, API Development
Vinit Bhatt in Business Process, Head of Delivery
Patricia Wilson in Marketing, VP of Marketing
How might we redesign the visual identity, experience, key product and interaction features of a digital platform for candidates to easily find and discover relevant jobs in a more human way?
Responsive website and job search platform,
Visual Identity, and Illustration Branding
Collabera is a global IT Recruitment and Staffing Agency with 40 offices worldwide. They match talent to work with the 250+ organizations in their network, and manage the talent end-to-end in the project. They came to me, looking to redesign their entire website and job search platform. So I asked them Why and So what.
In my kickoff meeting with Collabera, I learned that
I interviewed Collabera's Account Managers and the Head of Delivery to identify the biggest pain points that job seekers encountered while searching for a job on the site. Account Managers work directly with the talent and clients to ensure both their experiences meet their expectations throughout the whole project. The Head of Delivery oversees the whole recruiting and staffing operations. In asking these stakeholders, I learned that
"If you don't understand something, break it apart; reduce it to its components. Since they are simpler than the whole, you have a much better chance of understanding them; and when you have succeeded in doing that, put the whole thing back together again." - Hans Christian von Baeyer
I wanted to gain a thorough understanding of how Search and Discovery worked, so that I may begin to identify design patterns that created a meaningful and engaging experience for users. After interviewing stakeholders, I conducted a site audit and usability test to understand the layout of "the land", and how the current website and job search platform worked. I intentionally focused on noting what might've caused the problems that the stakeholders expressed, and how. I put myself in the shoes of someone searching for a job, and identified three critical activities that this person might do on the site:
I put these activities on a stress test to see what would happen, experimenting with different combinations of job titles and keywords to see how the search worked, what I would find, and what could I do if I didn't find what I wanted to find, and a lot of clicking to see where the rabbit hole would take me.
Aside from Collabera's own job search platform, I also tested the mobile and desktop experiences for
Here is a stress test I did on Collabera's job search page
I worked with Collabera to tease out What websites inspired them and Why, What words and phrases, photos and videos, or a combination of both resonated with them and Why, What feelings did they want to evoke when users came to their site and searched for jobs and Why. I then created a digital moodboard to capture the visual direction for look and feel.
As I sat with all this research, trying to process and connect the dots, I found inspiration from this design talk on Architecting Experience: The Future of Interactive Design given by Patten Studio, an interactive design studio based in Brooklyn. They talked about how we as designers can create products that empower people to become the author of their experience. I saw this as a very strong concept, and used it as my North star to help guide me in my design decisions.
“The whole is greater than the sum of its parts.” - Artistotle
I then applied systems thinking to identify the key elements in the job search platform that work together to help users find and discover relevant jobs.
For the search platform, as well as all other pages in the site, I designed for mobile first and then used the Bootstrap grid to make the design responsive across viewports. Whenever I felt the mobile experience would greatly suffer from a responsive design, I diverged to create a more mobile-friendly pattern.
Designing with empathy for the users' needs requires that we anticipate What to show, When, to Whom, and How.
From UX research, we know that people recognize an event or piece of information better than they can recall it from memory, and we also know that typing has a high interaction cost, is error prone and time consuming. I designed the following search patterns to make it easier for users to help themselves. When users starts searching, the search bar
After users submit their search query, the page
We're human. We make mistakes, and especially so when we're typing from a small keyboard on our smartphones, as we're walking into the subway, and a text message pops up, distracting us temporarily from what we were searching for in the first place. We also need constant feedback on what we're doing, and how we're doing. To help people get started, and course correct along the way without too much pain and inconvenience,
"While we’re a company in tech, we’re in the business for humans." - my client
As a team, we worked together to redefine a brand with humans at the center. Every detail was an opportunity to build a relationship of trust, empathy, and understanding with users by treating them as humans, and not like robots.
From the placeholder text in blank states, to job posting details in results, error messages and ways to course correct at dead ends, I worked with Trenna to create natural language copy for the UI, across the different states and in edge cases.
I was drawn to the concept of a quilt tapestry for what it represented. By definition, a tapestry is a piece of thick textile fabric with pictures or designs formed by weaving colored threads, and is used in reference to an intricate or complex combination of things or sequence of events. I saw Collabera as this craftsman that weaves together a diverse network of people from around the world who then create a colorful tapestry of work together. The concept would later take shape in the site's homepage banner, filled with warm, inviting faces.
When you set out to look for a new job, you make yourself vulnerable by putting yourself out there, knowing the uncertainty of it all—if you’ll find any jobs worth applying to, whether you’ll hear back or not, what interviews and offers you'll get, the list goes on. Knowing that finding a job feels very much like a roller coaster of a journey, we could make the ride more enjoyable for people along the way.
As a final detail in creating a more human brand, I drew a set of hand-drawn llustrations throughout the site, giving a warm, personal touch to the experience by surprising users with delight when they find them.
Native iOS Mobile App Design for finding talent on demandNative iOS Mobile Design
Responsive Web Design for job search and discoveryWeb Product Design
UX Design for web wireframing appUX Design
HTML Email Design for new media companyHTML Email Design