Pular para o conteúdo

Alexandre JúniorUI/UX Designer · Web Design

Engenharia de Software · Universidade de Brasília

Dos requisitos à interface.

Produtos digitais claros e úteis, com base em Engenharia de Software.

Brasília, DF · Disponível para trabalho remoto (Brasil e exterior) ou híbrido/presencial em Brasília

Alexandre Júnior apoiado num parapeito à beira de um canal, com gôndolas ao fundo, olhando para o horizonte

Projetos

Caso 1 / 3 Jan. 2026 1 mês e meio Único designer

Sankofa Negócios Negros

Marketplace para empreendedores negros

  • Cliente real
  • Produto no ar
  • Prêmio Expofavela 2026
Página inicial do marketplace Sankofa Negócios Negros num tablet: hero em fundo preto e cards das categorias Gastronomia, Arte, Moda e Tecnologia

01Problema

O Sankofa é um coletivo de apoio ao movimento negro que já tinha uma landing page e uma identidade visual. O objetivo era criar um marketplace que funcionasse como ponto de encontro digital entre empreendedores da comunidade negra e consumidores de todo o Brasil.

02O que eu fiz

Fui o único designer do projeto (UX/UI e prototipação), num time com desenvolvedores e um PO.

Comecei com uma imersão junto ao cliente para conhecer a história do Sankofa e a identidade visual existente. A partir disso, criei um design system alinhado à marca e conduzi a prototipação, com reuniões semanais de validação com o cliente para ajustar o que era desejado e o que era viável, antes de o time de desenvolvimento começar a codar.

Idealizei a estrutura da home (disposição dos cards de negócios e os carrosséis), a listagem de empreendimentos, a página de perfil de cada empreendimento e os fluxos de cadastro, login e perfil do usuário. Na prática, a arquitetura e a base de quase todo o produto.

03Resultado

  • A plataforma foi desenvolvida a partir do meu protótipo e está no ar até hoje. O site atual passou por evoluções de outra equipe, mas mantém a estrutura e a arquitetura que eu projetei.
  • É usada por empreendedores negros de todo o Brasil, que se cadastram para divulgar seus negócios, e virou um ponto de troca da comunidade.
  • A plataforma, desenvolvida a partir do meu protótipo, foi vencedora da Expofavela Innovation Brasília 2026, reconhecida como referência de alto impacto econômico, social e racial.
Página de perfil da Central Barbearia no Sankofa, com logo, descrição, botões de contato, endereço, horário de funcionamento e mapa
Perfil do empreendimento: quem é o negócio, onde fica e como entrar em contato.
Listagem de empreendimentos da categoria Gastronomia & Comidas Artesanais, com busca, filtro e cards de cada negócio
Listagem de empreendimentos por categoria, com busca e filtros.
Landing page original do Sankofa Negócios Negros, em fundo preto, com o título "Todas as portas estão abertas para a gente? Não?! Então, a gente constrói as nossas."
Antes: a landing page original do Sankofa, ponto de partida para o marketplace.

Desafio

O maior desafio foi equilibrar o gosto do cliente com boas práticas de design. O cliente queria o site inteiro com fundo preto. Propus uma solução intermediária, com a hero section em preto, uma transição em degradê dourado e as seções de conteúdo (como a listagem de empreendimentos) em fundo branco, garantindo conforto de leitura sem abrir mão da estética que o cliente desejava.

Caso 2 / 3 Meados de 2025 Autor único

Site para Psicóloga

Thatiane Canguçu · da identidade visual à publicação

  • Cliente real
  • Site no ar
Site da psicóloga Thatiane Canguçu num notebook, na seção de apresentação, com foto, texto e o botão Agendar

01Problema

Thatiane, psicóloga, estava começando a investir em redes sociais e não tinha site. Dependia do boca a boca para conseguir novos pacientes e queria um lugar único onde estivessem todas as informações relevantes sobre ela. O projeto surgiu de uma conversa entre nós dois.

02O que eu fiz

Fui autor único, de ponta a ponta: negociação, requisitos, identidade visual, design, código e publicação.

Conduzi o levantamento do que ela queria destacar: a carreira como psicóloga, suas características profissionais, o perfil de pessoas que atende e a forma como atende. Depois estruturei o conteúdo do site a partir disso.

03Resultado

  • O site está no ar até hoje, e a cliente renovou o domínio por conta própria.
  • O link fica na bio do Instagram dela, como canal principal de contato.
  • Relação contínua: ela ainda me procura para atualizações.
Seção Atendimento do site, com as modalidades Presencial, Online, Atendimento particular e Pacotes acessíveis, e o endereço do consultório com mapa
Seção Atendimento: as modalidades de atendimento e a localização do consultório.

Identidade visual

Ela não tinha logo, e eu criei um. Ela trouxe um verde como cor de preferência, e desenvolvi variações de tons de verde para ela escolher. Pesquisei a tipografia e a escolhemos juntos. Tudo foi pensado para o universo da psicologia, com cores e tipografias calmas, suaves e acolhedoras.

Validação e desenvolvimento

Primeiro entreguei o design em PDF, como protótipo para validação. Depois da aprovação, codifiquei o site em HTML e CSS e publiquei.

Funcionalidades

Botões de contato direto pelo WhatsApp, localização do consultório, informações profissionais, foto e formulário de contato.

Desafio

Deixar o site responsivo, com muitos cards (grid, flexbox, bordas). Na época eu estava no início e fiz tudo na mão, sem IA, testando no modo de dispositivos do Chrome. Foi ali que construí a base de HTML e CSS que levo até hoje.

FerramentasFigma · HTML · CSS

Ver site no ar(abre em nova aba)

Caso 3 / 3 Ago. 2026 1 semana Autor único

Daston Dashboard

Dashboard corporativo para uma empresa fictícia

  • Estudo
  • Projeto conceitual
Tela de Comunicados do Daston Dashboard num notebook

01Problema

Dashboard corporativo para uma empresa fictícia, pensado para ajudar colaboradores a se manterem informados sobre comunicados e decisões, acompanhar metas anuais com bonificação, participar de pesquisas e votações do RH e monitorar o desempenho técnico da equipe.

02O que eu fiz

Fui autor único. Trabalhei em etapas, com revisão antes de avançar:

  1. Benchmarking (Jira, Monday.com e Leapsome)
  2. User flow
  3. Wireframes
  4. Guia de estilos e design system, com modos claro e escuro
  5. Telas em alta fidelidade, desktop e responsivo, seguindo o grid e os espaçamentos do Bootstrap

03Resultado

  • Projeto concluído em cerca de uma semana, dentro do prazo que eu mesmo me impus.
  • Entreguei o design system com modos claro e escuro e as telas em alta fidelidade, desktop e responsivo.
Tela de Comunicados no modo claro, com a lista de avisos por área, assunto e data, e o botão de filtro
Comunicados: os avisos de cada área reunidos numa lista, com data e filtro.
Tela de Metas no modo escuro, com gráficos de progresso das metas anuais da equipe
Modo escuro, na tela de Metas.
Tela de Comunicados na versão para celular, com os avisos em cards e a navegação na barra inferior
Versão responsiva: no celular, os comunicados viram cards e a navegação desce para a barra inferior.

IA no fluxo

O Claude com o Figma MCP apoiou a criação do logo, o brainstorming das funcionalidades necessárias, o benchmarking, parte do design system e a automação da padronização com o grid do Bootstrap. A concepção e a idealização das telas, os wireframes e a prototipação em alta fidelidade foram feitos por mim.

Desafio

Entregar com qualidade dentro de um prazo de uma semana que eu mesmo me impus, simulando uma entrega profissional. A solução foi organizar o trabalho por etapas, validando cada uma antes de passar para a próxima, com revisão constante e um fluxo de trabalho responsável.

FerramentasFigma · Claude + Figma MCP · Grid do Bootstrap

Ver no Figma(abre em nova aba)

Outros projetos

  • Versão web do Moovit num notebook, com a busca de rotas ao lado do mapa
    Acadêmico

    Moovit Web

    Estudo de usabilidade e acessibilidade da versão web do Moovit, com identificação de problemas de interação e proposta de melhorias em protótipo.

    Ver projeto(abre em nova aba)
  • Página inicial do XP Zone, com o título "Compre os melhores artigos gamers da sua cidade" e a busca por cidade
    Estudo de UI

    XP Zone

    Interface web de um marketplace de jogos, desenvolvida para aprofundar o domínio do Figma em aplicações web.

    Ver no Figma(abre em nova aba)

Sobre mim

Gosto de ver as coisas tomarem forma.

Alexandre Júnior sorrindo, de braços cruzados, à noite, com as luzes da cidade ao fundo

Sou designer de UI/UX com foco em web e estudante de Engenharia de Software na UnB, e é dessa base que vem o meu jeito de trabalhar: acredito que uma boa interface começa antes do visual, em entender o problema, organizar os requisitos e estruturar o projeto. A partir daí, cada conversa e cada rodada de feedback vão lapidando a ideia até ela virar um produto claro e útil.

Me interesso principalmente por projetos com impacto real na vida das pessoas. Trabalho bem com autonomia, mas valorizo muito a troca com o time e o aprendizado com profissionais mais experientes.

Experiência

  1. Out. 2026 — hoje

    Diagramador Digital

    Editora FTD

    Conversão de conteúdo editorial impresso em HTML responsivo para a plataforma digital, com montagem a partir de componentes padronizados e do design system do projeto, editando HTML e CSS quando necessário. Gestão de entregas semanais, com controle de versões, controle de qualidade (fidelidade ao conteúdo, links, responsividade e padrões visuais) e devolutivas item a item nos ciclos de revisão. Comunicação assíncrona com as equipes de design, desenvolvimento e editorial, via Microsoft Teams e SharePoint.

  2. Set. 2023 — set. 2024

    Estagiário de TI

    Base Incorporações

    Suporte ao usuário, gerenciamento e configuração de redes, suporte em infraestrutura e atividades em Power BI.

Formação e cursos

  1. Previsão: dez. 2026

    Engenharia de Software

    Universidade de Brasília (UnB)

  2. Ago. 2026

    Experiência do Usuário: UX e Design Thinking para negócios

    Udemy

  3. Mar. 2026

    PRO FIGMA WEB: UI Design de sites e sistemas web com Figma

    Udemy

  4. Nov. 2025

    PRO FIGMA: UI Design com Figma do zero ao especialista

    Udemy

  5. Jun. 2024

    UX Design: entenda a área da User Experience

    Alura

Habilidades

Em destaque, o que domino em nível avançado.

  • Design & UX

    • Figma(nível avançado)
    • UI Design(nível avançado)
    • Design System(nível avançado)
    • Design Thinking(nível avançado)
    • UX Research
    • Usabilidade
    • Acessibilidade (WCAG)
  • Requisitos & Gestão

    • Levantamento e análise de requisitos
    • Scrum
    • Kanban
    • Notion
    • Todoist
  • Front-end

    • HTML(nível avançado)
    • CSS(nível avançado)
    • JavaScript(nível avançado)
    • Git
  • IA

    • IA generativa(nível avançado)
    • Claude + Figma MCP(nível avançado)

Soft skills

  • Comunicação com cliente: negociar escopo, levantar o que o cliente quer e apresentar protótipos para validação.
  • Abertura a feedback: uso as rodadas de feedback como parte central do processo.
  • Organização e estruturação: requisitos, trabalho por etapas com revisão, entregas versionadas.
  • Autonomia com colaboração: gerencio o próprio trabalho e busco troca com o time.

Vamos conversar?

© 2026 Alexandre Júnior