Projeto de Produto Digital
Hi Pizza: Design System que reduziu retrabalho em 30%
Sistema interno de pedidos estruturado com componentes reutilizáveis e hierarquia visual clara.
Voltar aos projetos
Visão Geral
Contexto e Desafio do Projeto:
- Sistema interno de gestão de pedidos que necessitava de estruturação completa de arquitetura da informação e protótipos de alta fidelidade para viabilizar o desenvolvimento por uma equipe de estagiários de programação sem experiência em design de interfaces.
Meu papel:
- UX/UI Designer
- Pesquisa
- Arquitetura da informação
- Protótipo de alta fidelidade
- Design system
Ferramentas:
- Figma
- Trello
- Scrum
Problema
Falta de estrutura de design na equipe:
Os estagiários de programação não dominavam hierarquia visual, cores, tipografia e não estabeleciam fluxos de navegação antes de programar. Sem um mapeamento prévio, estavam perdidos e precisavam de um designer que estruturasse o sistema com componentes padronizados e hierarquia visual consistente.
Solução
- Realizei o levantamento completo das funcionalidades, mapeei as dores dos usuários e defini prioridades para estruturar o sitemap, fluxos de navegação e hierarquia de informações.
- Resultado: A equipe de desenvolvimento passou a contar com componentes reutilizáveis e regras visuais claras, reduzindo o retrabalho em 30% e garantindo consistência em todas as telas do sistema.
UX Research
Proto Persona do estagiário de programação, mapeando suas dores e necessidades.
- Criei uma Proto Persona para entender as dores e necessidades dos estagiários de programação. A pesquisa revelou que a falta de referências visuais e componentes padronizados era o principal gargalo — direcionando toda a estratégia de design para resolver esse ponto crítico.
Design
Prototipação de Alta Fidelidade e Design System:
Desenvolvimento de todas as telas de interface (Login, Dashboard, Cadastro, Gestão de Pedidos e Configurações) com aplicação da tipografia Outfit, paleta cromática #C41230 e componentes reutilizáveis.
Desenvolvimento
- Transformei requisitos e fluxos em uma documentação visual estruturada, permitindo que a equipe desenvolvesse o sistema com mais consistência, menos revisões e maior alinhamento entre design e desenvolvimento.
Design System
No items found.
