Portfólio UX ou UI para vagas globais: qual a diferença?

Qual é a diferença entre portfólio UX e UI para vagas internacionais? Segundo a Baymard Institute, UX é qualquer interação de um usuário com um produto, e UI é a interface com que ele interage, uma parte da experiência. A NN/g pede para distinguir os dois: a experiência total vai além da interface. Este post parte dessas definições e, por conta própria, propõe o que muda no portfólio e como adaptá-lo à vaga. Nenhuma das fontes consultadas compara vagas dos EUA e da Europa, então o post não faz essa comparação.

O que é UX e o que é UI?

UX é a experiência inteira; UI é a interface dentro dela. A Baymard (Christian Holst, 2021, atualizado em 2026) define UX como qualquer interação de um usuário com um produto, e UI como tudo com que o usuário interage para usar um produto digital: telas, páginas, sons, teclados e ícones. A NN/g, em um texto de 1998 de Don Norman e Jakob Nielsen, diz que “user experience” abrange todos os aspectos da interação do usuário com a empresa, seus serviços e produtos, e que é importante distinguir a experiência total da interface, mesmo sendo a UI uma parte muito importante dela.

	UX	UI
Definição (Baymard)	Qualquer interação do usuário com um produto	Tudo com que o usuário interage para usar um produto digital
Foco (Baymard)	O problema do usuário e a jornada até resolvê-lo	Os elementos estéticos e de interação que levam o usuário pela jornada
Ferramentas citadas (Baymard)	Pesquisa, testes com usuários, arquitetura de informação, wireframes	Moodboards, ferramentas de design visual, guias de estilo, protótipos

A Baymard também ressalva que os dois processos não são totalmente separados: UX e UI trabalham juntos, e o texto descreve o UI designer partindo dos wireframes do UX designer. A divisão de tarefas acima é a descrita pela Baymard; as fontes não dizem como cada empresa a aplica.

O que muda no portfólio de UX

A leitura deste post é que o portfólio de UX mostra como você chegou à solução. A NN/g, no artigo sobre portfólio (Rachel Krause, 2019), lista o que um case study deve ter, e boa parte da lista é processo:

1. O problema ou a hipótese.
2. O seu papel e como você colaborou.
3. Como você chegou à solução.
4. Como a solução resolveu o problema.
5. Os desafios, inclusive os conceitos que não seguiram adiante.
6. Como o projeto afetou os usuários e o negócio.
7. O que você aprendeu.

A NN/g também cita a fala de um dos 204 profissionais de UX responsáveis por contratar ouvidos em sua pesquisa: “Don’t just show me the finished product. I want to see the messy process and all the work and research that was put in…” (não mostre só o produto final; quero ver o processo bagunçado e todo o trabalho e pesquisa que foram feitos). Para reescrever o resultado de cada case, veja outcomes vs outputs no portfólio de UX.

O que muda no portfólio de UI

Pela descrição da Baymard, o trabalho de UI envolve criar interfaces consistentes, polidas e acessíveis a partir dos wireframes, usar design visual para torná-los mais utilizáveis e atraentes, e adaptá-los a diferentes tamanhos de tela. A leitura deste post é que o portfólio de UI mostra esse trabalho: a qualidade e a consistência das telas, o uso de cor, tipografia e ícones, e a adaptação a dispositivos.

Isso não dispensa o contexto. A NN/g diz que, além dos visuais de cada projeto, o case deve explicar o problema, o seu papel e o resultado, e que as imagens finais contam só parte da história. O artigo da NN/g trata de design de UX em geral e aponta como equívoco comum achar que um portfólio de design é feito só de UI final e screenshots; não há nas fontes um guia específico de portfólio de UI, e isso limita o que este post pode afirmar.

Como o mesmo projeto aparece em cada portfólio?

O quadro abaixo é um modelo deste post, com lacunas para você preencher com os seus dados; ele não vem de nenhuma fonte e não traz números.

Parte do case	Foco em UX	Foco em UI
Abertura	O problema do usuário em [fluxo ou produto] e como você o identificou	O objetivo visual e de interação da tela ou do sistema de [produto]
Evidência	Pesquisa ou teste com [n] pessoas e o que mostrou	Telas, estados, componentes e adaptação a [tamanhos de tela]
Decisões	O que mudou no fluxo por causa da evidência	Escolhas de layout, cor, tipografia e acessibilidade, e o porquê
Resultado	O que mudou para o usuário ou para o negócio	O que a interface passou a fazer melhor, com a evidência que você tiver

Nos dois casos, o resultado só entra se for verdadeiro e tiver origem; se você não tem uma métrica, diga o que foi medido ou observado.

Preciso de portfólios separados para UX e UI?

As fontes não respondem diretamente. A NN/g recomenda, para quem busca um novo emprego, adaptar a escolha dos projetos às funções que a pessoa quer exercer, e lembra que o portfólio deve mostrar uma variedade de trabalho e de habilidades. A sugestão deste post é seguir o título e a descrição da vaga: se ela pede UI, destaque os projetos em que o trabalho de interface é central; se pede UX, destaque processo e decisões; se o título for outro, como product designer, leia as responsabilidades da descrição e destaque o que ela pede; e, se a vaga não deixa claro, mostre um ou dois cases que integrem as duas coisas.

Para a escolha do formato (site, Notion, PDF), veja portfólio de UX: site, Notion ou PDF.

E para vagas dos EUA e da Europa?

Nenhuma das fontes consultadas compara o que as vagas dos EUA e da Europa esperam de um portfólio, então este post não afirma diferenças entre os mercados. O que dá para dizer com base na NN/g é que o nome do cargo, por si só, pode não indicar as responsabilidades: a NN/g diz que a palavra “designer” pode significar muitas coisas e que um cargo de designer traz muitas habilidades e responsabilidades possíveis (Krause, 2019), Para ver como as responsabilidades variam dentro do mesmo título, veja senioridade de designer: o que dizem quadros de carreira. Nenhuma das fontes consultadas define “product designer”; por isso o post não distingue esse cargo de UX e UI. Leia a descrição de cada vaga e ajuste o portfólio ao que ela pede.

Como adaptar o portfólio a um processo seletivo no exterior?

Siga os passos abaixo. Os passos 1 a 3 vêm da NN/g; os passos 4 a 6 são sugestões deste post, com apoio parcial da NN/g onde indicado.

1. Escolha de 3 a 5 projetos como cases detalhados, de acordo com as funções da vaga (NN/g).
2. Escreva cada case com a estrutura acima, do problema ao aprendizado (NN/g).
3. Deixe o portfólio escaneável, sem detalhe desnecessário: a NN/g diz que muito raramente um hiring manager lê tudo palavra por palavra.
4. Escreva no idioma da vaga e peça a alguém para revisar o texto (sugestão do post; a NN/g também recomenda pedir feedback).
5. Diga o seu papel em cada projeto, separando o que foi seu do que foi da equipe (a NN/g lista o seu papel entre os itens do case).
6. Revise o portfólio a cada vaga, para o foco bater com a descrição (a NN/g sugere manter um PDF mestre e ocultar projetos conforme a vaga).

Checklist antes de enviar

• O foco do portfólio (UX, UI ou os dois) combina com o título e a descrição da vaga.
• Há de 3 a 5 cases, cada um com problema, papel, solução, resultado e aprendizado.
• O resultado de cada case diz o que mudou, e não só o que foi entregue.
• O texto está no idioma da vaga e foi revisado.
• O formato atende ao que o anúncio pede.

Para o currículo e para os cases, veja também currículo em inglês e case study de UX em inglês. Mais textos na categoria portfólio.