Pular para o conteúdo
Redesign de Produto Desktop & Design System

Redesign de Produto Desktop & Design System

Um projeto para PX Motorista

Contexto

A Motorista PX é uma plataforma brasileira para gestão de fretes rodoviários. Com o crescimento do produto, a interface tornou-se inconsistente e difícil de manter. O desafio foi redesenhar a experiência, unificar a linguagem visual e criar um Design System escalável.

Função
Product Designer
Duração
6 meses
Skills
UX Research, UI Design, Design System, Figma, Biblioteca de Componentes, Teste de Usabilidade, Arquitetura de Informação, Desenvolvimento Front-end

Objetivos

01

Consistência Visual

Crie uma identidade visual consistente e escalável para todos os produtos.

02

Melhoria de Usabilidade

Simplifico fluxos complexos e fragmentados.

03

Design System

Criar um Design System documentado para estruturar a evolução futura do produto.

Imersão e Diagnóstico

Comecei com um belo pente-fino na interface, mapeando inconsistências de layout, hierarquia e linguagem visual. Juntei isso a algumas entrevistas com usuários, o que trouxe à tona dores reais que o time ainda não tinha documentado.

Fundamentos de Design & Linguagem Visual

Com os insights da pesquisa em mãos, defini a nova linguagem visual no Figma: tipografia, tokens de cor, espaçamento e diretrizes de componentes. Cada decisão foi focada em escalabilidade, garantindo que o sistema cresça junto com o produto.

Design System e Biblioteca de Componentes

A fase final focou em construir e documentar uma biblioteca de componentes estruturada em átomos, moléculas e padrões. O trampo lado a lado com os devs garantiu um handoff liso e uma adoção sem mistérios, criando a base para iterações de produto muito mais consistentes e eficientes.

Design System e Biblioteca de Componentes

Aprendizados

Esse foi o primeiro design system que construí, incluindo o código. Aprendi muito, principalmente que um sistema precisa de governança, não só de um UI Kit. Também foi meu primeiro contato com front-end: aprendi React com Next.js, Vercel e Git — todo o ecossistema —, o que me deu uma nova perspectiva sobre interfaces.

Impacto

40%

Redução nas queixas de usabilidade dos usuários

60%

Consistência de interface aprimorada em todas as telas desktop

Outros Jobs