Duration 3 week sprint
Team Myself + 2 other designers
Platform web application
Tools + Skills Figma, Research, UX Design, Prototyping, Visual Design
Vibio is an interactive resume platform that combines the traditional resume with video and allows job seekers to highlight their communication skills, passions, and value to a company's culture.
We were asked to focus on expanding the company’s product to include a one-way video interviewing platform that would be used by recruiters and hiring professionals. The scope of our work for the 3 week sprint was to build a foundational product roadmap and explore new solutions that would make the service viable in the recruiting market.
The traditional hiring process is:
Resumes and phone screens do not give hiring managers the information they need to identify the best-fit talent for their open roles.
During this project, I worked alongside 2 other UX designers. Together we spent much of our time doing extensive research, interviewing possible target users, and planning out a viable product. I led the visual design for this project, transforming our concepts into wireframes and hi-fidelity mockups in Figma. I went through several rounds with my team, checking in with them for feedback as I prototyped the main user flow we provided to our client. My role also included the creation of the style guide.
Our goal was to build the framework for a marketable and useful feature set for Vibio’s one-way video interviewing platform, explore new solutions not currently on the market, and organize a way to monetize the service via a free and paid version.
Considering we were building the platform from the ground up, we wanted to learn as much as possible. We focused on 3 main areas:
For this sprint, we focused on planning out the platform functionality for both a basic free version, as well as a paid premium version. This would help support the business' tiered pricing strategy.
Scheduling and conducting phone interviews is time consuming and tedious. This part of the hiring process was continually a poor experience for recruiters who often have tons of candidates to sort through. We wanted to visualize where exactly the low points were in order to design Vibio to be useful and effective for their users.
With limited time in this sprint, we focused on the creation of a new interview by recruiters/hiring professionals. We started by outlining a one-page solution for users to create a new interview request quickly and efficiently.
To help Vibio stand out in the competitive market of recruiting tools and software, we wanted to explore some additional ways to display information and interact with the platform.
Visual Candidate Evaluation
Taking inspiration from social platforms, we wanted to humanize the review the process. By building a more visual display, we aimed to better organize the completed video interviews from candidates. Competitors used long lists and text to display applicant information. While Vibio was trying to develop a work tool, it was important to try and make it not feel like one.
Similar platforms commonly used “click for results” interactions to achieve this task. The jarring feedback and unintuitive nature of the interview building left a lot of room for improvement. This led us to develop a more hands-on drag and drop system allowing the interview building process to be more intuitive. Users also could easily reorder their chosen questions by grabbing the content blocks.
Timestamp Commenting for Video Evaluations
In addition to the standard commenting and answer ranking systems that other companies have implemented, we wanted to develop a timeline-based comment system. This allows reviewers to better organize their observations about a candidate's response in an interactive fashion.
This becomes especially helpful when recruiters share candidate videos with other members of their team for review. This not only saves tons of time for other reviews, but it also allows for more dynamic and effective collaboration.
It was important to our client that the platform to feel less like a corporate software and more like a social tool you’d want to engage with. In order to make Vibio more inviting the color palette, typography, and overall look and feel were revisited.
Vibio’s current style guide had 2 main colors, a bold orange and dark blue. We softened their color scheme to evoke a more friendly feel and added additional accent colors. The typeface was adjusted from Roboto to a more inviting rounded Nunito. This roundedness was also repeated in the button style and form elements.
We presented our work to the stakeholders of Vibio and they were extremely pleased with the amount of research and design we were able to produce in just 3 weeks' time.
I wish we would have gotten the chance to talk to more recruiters who have used a similar video interviewing platform in the past. It would have been valuable to learn what exactly is missing from the current one-way video tools on the market, as they all require subscription accounts and are somewhat of a black box.
I would have also liked to work more closely (and more frequently) with the founders early on to better understand their motivations for the platform.