Bestfolios Redesign Concept
Case Study
Bestfolios is a website that showcases a curation of designers’ portfolio sites, case studies, resumes, and other design resources. A new feature that Bestfolios is developing called "Talent List" was meant to provide services to recruiters. However, several disadvantages are identified in the current UX design on portfolio showcases that might compromise its goal of including recruiters as users. Our team took a comprehensive approach to analyze and improve the user experience of the Bestfolios website.
Project length: 2 weeks
Team: Jeffrey Li & Grace Yuan
Project Scope
Bestfolios used to target designers as the major user of the website, as they could look for inspiration from other designers' portfolios. For this reason, they chose to curate top quality portfolios for this reason. However, as the talent list function rolled out, a new intended user group is introduced: Recruiters. This change brings disadvantages to current designs and created usability problems.
The redesign is focused on improving the Portfolio showcase feature as well as the talent search system. While enhancing the experience for both designers and recruiters, the other functions of the Bestfoilos should be preserved and integrated.
The current flow of Bestfolios (before redesign) allows user to browse portfolios through a traditional paged structure, featuring 4 posts per page. The "Talent List" tab lists self-submitted designers but is not integrated with other features, including portfolios and search function.
I. Challenges
• How to make the portfolio viewing experience more immersive that stays up-to-date?
• What can we do to make search function usable to recruiters?
• How to strengthen the creditability of the submitting process, while keeping its simplicity?
How did we define these challenges? Please continue reading.
Initial Usability Test
We ran an early user test with 3 users to see their experience with Bestfolios, on tasks including viewing certain numbers of portfolios, search designers, and viewing original site. While the site is almost usable, all the users found experience difficulties in the tasks. We included these findings in personas and user journey maps.
Persona
We made two personas based on two types of user: Recruiters viewing portfolios and talents and Designers showcasing works and looking for opportunities. We also considered the original user group: designers looking for inspirations, but we didn't make it a persona for this particular redesign, because their needs partially overlaps with a recruiter's (who would have a higher standard for the quality of viewing experience).
User Journey Map
We turned the initial test experience into user journey maps, and here are the findings:
Recruiter / Viewer Experience:
- The viewing experience varies drastically, depending on whether or not the site is up-to-date.
- Location info is important to recruiters, it determines a recruiter's interest when deciding what portfolios to open in the first place.
- Searching for particular types of work works okay, but other filters such as locations and availability is not usable.
- Constantly switching back and forth between the designer's website and Bestfolios.
Designer / Submitter Experience:
- Submitting experience lacks creditability: sign-in is not required. It is convenient, but it decreases creditability (anyone can submit any website) and creates issues 2-3.
- Uncertainty remains after the portfolios site is submitted, and there is no notifications for when and whether the site will be featured. It is impossible.
- Users cannot find, and has no control over particular website they submitted.
- Featured sites is presented in screenshots, which cannot update with the original site, or show motions, animations, and interactions.
II. Ideate
Brainstorm
Based on the problems and challenges summarized in the define stage, we brainstormed possible solutions to each challenge.
Site Map
We were planning adding major functions to Bestfolios, which made the site more complicated, and an updated site map is needed to sort things out.
Paper Wireframe
III. Prototype & Testing
Lo-fi Prototype
This Lo-fi prototype was created to test out the most basic functions of the app while lacking many minor functions. I wanted to test how this app affords a basic task (e.g. check detail, unsubscribe, or find discounts).
Usability Test
The lo-fi prototype was tested by 3 target users. They spoke out their thoughts in each step of the task and gave me feedback afterwards. I consider this user test very successful because helped us realize crucial points that we missed. A major flaw we had was not giving users assurance on if and when their site will be featured.