top of page

Feedback tool for UX Design portfolios

Client

Comunidade UXis

MY ROLE

Product Designer

TEAM

  • Ricardo Schmidt (Product Designer);
  • Barbara Rosário (Product Designer).

PROJECT TIMELINE

September 2023 - October 2023 (4 semanas).

TOOLS USED

  • Notion;

  • Figma;

  • Google forms;

  • Discord.

RESPONSIBILITIES

  • Market research;
  • Research with recruiters and UX Leads;
  • Analysys and insights;
  • User flows;
  • Wireframes;
  • High fidelity prototype.

Note: The navigable prototype is at the end of the case.

 


PROJECT SUMMARY

This was a volunteer project within the UXis Community, where my partner and I developed and delivered a high-fidelity prototype of a portfolio assessment tool for the UXis Community website, with the potential to positively impact the careers of over 100 members.


CONTEXT

The UXis Community website is filled with useful resources, including a discussion forum and a job board for both national and international opportunities.


The community’s main goal is to support both junior UX designers and those with more experience who are looking for new roles to find their place in the job market.


The community leader identified that one of the main pain points for junior designers is the uncertainty surrounding their portfolios, which stems from a lack of experience.



PROBLEM

Junior UX designers are uncertain whether their portfolios meet market expectations.


IMPACT OF THE PROBLEM

  • Misalignment between recruiters/design leaders’ expectations and the designers' portfolios;

  • UX designers struggle to secure job opportunities;

  • The problem affects both designers and the efficiency and accuracy of hiring processes.


Problem definition



OBJECTIVE

Develop a prototype of a tool for the community website that quickly evaluates portfolios, providing constructive feedback and practical guidance.


CHALLENGES AND LIMITATIONS

  • Understanding market expectations;

  • Defining evaluation parameters;

  • Designing the feedback and suggestion mechanism;

  • Managing tight deadlines.


The CSD Matrix helped us identify what the focus of the research should be



RESEARCH

We started with a study exploring the main methods for online portfolio assessment and found that:


  • The most common way for UX designers to receive portfolio feedback is through analysis by experienced professionals;

  • We did not find a quick assessment solution that efficiently offers feedback and improvement suggestions.


In light of these findings, we conducted a survey with recruiters and UX leaders to understand the most important aspects of a UX portfolio. The survey, consisting of both open-ended and closed questions, allowed for both quantitative and qualitative analysis, an approach chosen due to time constraints.


We gathered 33 responses from recruiters and design leaders at large companies such as Itaú, Hotmart, Mercado Pago, Zé Delivery, Accenture, and others.


Key insights from the research:


  • High value is placed on ease of navigation within the portfolio, solution validation, and narrative clarity concerning problems, objectives, methods, and results;

  • Overly detailed portfolios do not help recruiters; they appreciate concise and clear information, especially regarding achieved results;

  • Aesthetics are important but are not always a decisive factor in hiring decisions.



IDEATION

Based on research insights, we concluded that the most effective way to launch the tool’s first version within the set timeline would be through a form on the UXis Community platform. The form was structured as follows:


1st step (Tool usage instructions)

The first screen provides instructions for using the tool.

Instruction screen


2nd stage (answering questions)

The user answers questions designed to evaluate seven parameters:

  • Research;

  • Problem Identification and Resolution;

  • User Interface Design (UI Design);

  • Usability Testing;

  • Structure and Organization;

  • Storytelling Skills (project narrative);

  • Portfolio Accessibility.


Form screen


3rd stage (feedback and content suggestion)

After completing the form, the user is taken to a report page that displays a comparative chart. This chart illustrates the user's scores against a predefined ideal standard.


The chart is based on form responses, which are converted into numerical values for each of the seven parameters. Each parameter is evaluated through multiple-choice questions, where each answer has an associated score. The average scores for each parameter are calculated and displayed on the chart for clear visualization.


Additionally, the report page details the importance of each parameter and provides personalized suggestions to strengthen the user’s weaker areas in their portfolio. These recommendations are based on a variety of educational resources that will soon be available on the UXis Community platform.

Report screen



FLOWS AND WIREFRAMES

Clearly defining the functionalities to be implemented simplified the information architecture throughout the screen flow. Wireframes helped us refine initial ideas and set the final layout.

Website flow



Task Flow



Sketches of the screens and main components



Wireframes



PROTOTYPING

With the layout set, we advanced to developing the high-fidelity prototype. We used the existing design system of the platform, adapting components and applying the brand’s color palette, which optimized our execution time.


Components


We encountered a technical issue with the selection buttons in the questions but couldn’t fix it immediately. After coordinating with the development team, we ensured this detail would not impact the project’s progress.


USABILITY TESTING

We conducted usability testing with 13 members of the UXis community, which showed that:

  • 92% praised the design clarity;

  • 85% believe the tool will be very useful;

  • 78% found the navigation intuitive.

There was no negative feedback or improvement suggestions.


RESULTS

The tool is expected to have a positive impact on users’ careers. We plan for it to help UX designers, especially beginners, improve their portfolios, making them more aligned with market expectations.


We hope this will result in better employment opportunities for members.



NEXT STEPS

Our next step is to start continuous monitoring of the tool to understand how members are using it, evaluating its effectiveness in assisting them, and gathering insights for future improvements.

  • Integration with APIs to customize feedback;

  • Functionality testing to ensure suggestion accuracy;

  • New usability tests to adjust the tool based on user feedback.



LEARNINGS

Overall, I am satisfied with the project outcome, given the constraints. Throughout this project, I learned some key lessons firsthand:

  • Holding on to seemingly great but unfeasible ideas is a significant mistake;

  • Understanding all aspects of a project from the outset is crucial to avoid issues and ensure an effective approach;

  • Flexibility and adaptability to changes and challenges are essential for a project’s success;

  • Clear communication with everyone involved is fundamental to ensure alignment and understanding of goals and progress made during the project.

NAVIGABLE PROTOTYPE


NOTE:

  • If viewing on a desktop or tablet, use the left sidebar menu to switch between "Desktop Version" and "Mobile Version";

  • Click the icon in the upper-right corner to view the prototype in full screen.



Navigable Prototype

Navigation instructions

​In the left side menu, choose which version of the prototype you want to view, as shown in the image below.

The icon shown in the image below, which is in the upper right corner, allows you to view the prototype in full screen.

Optimizing the financial module for one of the biggest evangelical communities in Brazil

Client

Sara Nossa Terra

Learning Platform for Early-Career Technology Professionals

Client

SouJunior

See other projects

bottom of page