← Todos os projetos

CASE 01 / PRODUCT DESIGN / 2026

Negócios
Brasil 2.0

Uma experiência digital para conectar pessoas, empresas e oportunidades.

UI/UXProduct DesignDesign SystemFigma
Composição visual das interfaces do Negócios Brasil 2.0
Projeto desenvolvido a partir do briefingDesign autoral · Desktop e Mobile

01 / CONTEXTO E DESAFIO

Design para múltiplas jornadas.

O Negócios Brasil conecta diferentes jornadas em uma plataforma de oportunidades de compra, venda e gestão de anúncios de empresas.

O desafio de UI/UX foi dar clareza à descoberta de oportunidades e à gestão do negócio, sem perder a consistência entre Home, Listagem e Dashboard.

FrentesHome · Listagem · Dashboard
ExperiênciasDesktop e Mobile
EntregasUI/UX · Biblioteca · Handoff

Transformar complexidade em clareza — mantendo espaço para o produto evoluir.

02 / ARQUITETURA E EXPERIÊNCIA

Três frentes.
Uma experiência.

Interfaces com objetivos diferentes, mas com uma linguagem consistente. A navegação, a hierarquia das informações e os componentes foram pensados para acompanhar cada jornada.

01 / DESCOBERTA

Uma Home para encontrar oportunidades.

Busca central, empresas em destaque, corretores e oportunidades recentes organizados para orientar o primeiro contato com a plataforma.

02 / EXPLORAÇÃO

Listagem com organização.

Filtros, ordenação, cards de oportunidades e estados de navegação foram estruturados para facilitar a descoberta. A captura específica dessa área não foi incluída neste conjunto de imagens.

03 / GESTÃO

Um Dashboard que apoia decisões.

Indicadores, anúncios, contatos e ações recomendadas distribuídos em uma interface que prioriza leitura, status e tomada de decisão.

RESPONSIVIDADE

Uma experiência que acompanha cada tela.

Não basta encolher a interface. A versão mobile reorganiza componentes, conteúdos e ações de acordo com o espaço disponível.

Dashboard mobile de 390 pixels
Ver tela completa
Dashboard / Mobile

03 / DESIGN SYSTEM

Da interface
à escala.

A biblioteca completa no Figma organiza foundations, padrões, componentes reutilizáveis e variantes. Uma base visual compartilhada para manter a consistência das diferentes áreas do produto.

FOUNDATIONS

Regras que sustentam a interface.

Cor, tipografia, espaçamento, grid, acessibilidade e arquitetura de tokens.

Página Foundations do Design System Negócios Brasil
Ampliar ↗
PRIMITIVES E SEMANTIC

Tokens organizados.

Variáveis estruturadas para distinguir valores fundamentais e significados de uso.

Tokens e variáveis no Figma
Ampliar ↗
COMPONENTES E VARIANTES

Peças reutilizáveis.

Campos, controles e filtros com padrões consistentes para diferentes cenários.

Componentes da biblioteca Figma, como filtros, inputs e botões
Ampliar ↗

VISÃO DA BIBLIOTECA

Um sistema pensado para crescer.

Os conjuntos de componentes foram organizados no Figma em áreas de uso, permitindo evolução e manutenção das interfaces.

Visão panorâmica das áreas da biblioteca de componentes no Figma
Ampliar ↗

IA NO PROCESSO

Design autoral.
IA como ferramenta.

O layout, a concepção visual e as decisões de experiência foram desenvolvidos por Will Victor a partir do briefing. Uma combinação de ferramentas de inteligência artificial apoiou a criação de componentes e variantes, com revisão e direção do designer.

04 / ENTREGA E QUALIDADE

Além da tela final.

O trabalho contemplou estados de loading, erro e vazio, regras responsivas, padrões de interação, documentação e preparação para handoff.

A entrega reúne interfaces de Home, Listagem e Dashboard e uma biblioteca de componentes e variantes pronta para dar continuidade ao produto.

Estados de interfaceResponsividadeBiblioteca FigmaQA e handoff

05 / APRENDIZADO

O produto em perspectiva.

O ponto central desse trabalho foi unir decisões autorais de interface a uma estrutura reutilizável. O resultado apresentado aqui corresponde às entregas de design; não são atribuídas métricas comerciais não verificadas.

06 / CONTINUAR EXPLORANDO

Próximo projeto

Elomento

Ver todos os projetos ↗
10 / VAMOS CONVERSARO PRÓXIMO PASSO COMEÇA AQUI

DESIGN • TECNOLOGIA • PESSOAS

Boas ideias merecem acontecer.

Seja para construir um produto, fortalecer uma presença digital ou colaborar em um novo desafio, podemos começar com uma boa conversa.

CAMINHO SELECIONADO / PROJETOS / PRODUTOS DIGITAIS

Prepare sua mensagem e vamos conversar.

Escrever mensagem