Opinion Box | 2025
Design System
Tive a oportunidade maravilhosa na Opinion Box de fazer parte da construção e implementação de um novo Design System tanto para a Plataforma CX quanto para a Plataforma de Pesquisa. Juntamente com o brilhante Mike Brito, contribuí para um projeto que não apenas otimizou nossos processos de design e desenvolvimento, mas também trouxe uma interface mais moderna, atualizada e competitiva para nossos produtos.
Trabalhar nesse projeto foi incrivelmente gratificante — não apenas por causa da minha paixão por melhorar produtos, mas também devido à confiança depositada em mim e no Mike para liderar uma iniciativa tão impactante.
Minha função
Product Designer | UX/UI
Métodos
Pesquisa de Usuário / Mapeamento da Jornada do Usuário / Análise Competitiva / Design de UX/UI / Design Visual / Prototipagem / Testes / Wireframing / Design System
Opinion Box | 2025
Design System
Tive a oportunidade maravilhosa na Opinion Box de fazer parte da construção e implementação de um novo Design System tanto para a Plataforma CX quanto para a Plataforma de Pesquisa. Juntamente com o brilhante Mike Brito, contribuí para um projeto que não apenas otimizou nossos processos de design e desenvolvimento, mas também trouxe uma interface mais moderna, atualizada e competitiva para nossos produtos.
Trabalhar nesse projeto foi incrivelmente gratificante — não apenas por causa da minha paixão por melhorar produtos, mas também devido à confiança depositada em mim e no Mike para liderar uma iniciativa tão impactante.
(01)
Projeto
Pesquisa
No início, realizamos várias análises competitivas, exploramos as melhores práticas em plataformas de pesquisa e UX, e conduzimos estudos de padronização. Mais importante ainda, começamos abraçando uma cultura orientada por design — que nos aproximou ainda mais do nosso objetivo de garantir modernidade, competitividade, adaptabilidade e escalabilidade. Alinhamos nossas atualizações com as tendências de mercado, guiados por uma visão ampla e otimizada de UX/UI e produto.
O Que Fizemos
Cultura de design: Fomentamos uma mentalidade centrada no usuário e orientada à inovação ao longo do projeto.
Seleção de cores: Definimos uma paleta de cores alinhada à identidade da marca, garantindo consistência visual.
Espaçamento, grades e bordas: Estabelecemos diretrizes claras para espaçamento, grades e bordas para padronizar o layout em todas as telas.
Mapeamento de componentes: Criamos uma biblioteca de componentes reutilizáveis para promover escalabilidade e eficiência no desenvolvimento.
Modernização da interface: Atualizamos o design visual das plataformas, alinhando-as às melhores práticas e tendências de design atuais.
Mapeamento de telas: Identificamos e organizamos todas as interfaces do produto para obter uma visão clara da estrutura e do fluxo do usuário.
(02)
Estudo de Cor e Contraste
O contraste de cores tem um impacto direto na legibilidade, acessibilidade e na estética geral de um produto. Uma combinação de cores bem pensada pode melhorar significativamente a experiência do usuário, tornando o conteúdo mais legível e visualmente atraente.
Tendo isso em mente, escolhemos cuidadosamente cores que refletem a história e a essência de cada produto, garantindo harmonia entre as plataformas. Dessa forma, os usuários que interagem com ambas as plataformas experimentam uma identidade visual consistente e unificada. As cores secundárias, as variações de escala de cinza e as cores de feedback permanecem as mesmas em ambos os sistemas.
As mudanças foram implementadas em várias telas. Na tela inicial, reorganizamos todas as recompensas recebidas pelo usuário para destacar e dar mais valor a esses novos prêmios. Na tela de recompensas, os itens agora são listados com base nas recompensas mais frequentemente resgatadas pelo usuário, criando uma experiência mais personalizada. Além disso, na tela de extrato de recompensas, os usuários agora podem copiar seu código de voucher com um único clique, melhorando a usabilidade e a conveniência.
(03)
Grids, Espaçamento, Border Radius, Botões, Tabelas, Tooltips, Cards, Toasts, Inputs, Ícones, Menus... e assim por diante!
Embora não possamos mostrar todos os detalhes, vale a pena notar o quanto nos esforçamos neste projeto. Trabalhamos muito para criar inúmeras variáveis, propriedades, componentes, regras de uso e diretrizes de aplicação — tudo com o objetivo de construir um sistema de design sólido, escalável e consistente.
(04)
Antes & Depois: Aplicações na Tela
Dê uma olhada em algumas das mudanças que fizemos!
(05)
O que aprendi
Trabalhar neste projeto me tornou uma designer melhor.
Aprendi que prestar atenção aos detalhes e ter padrões claros para orientar nossas criações é fundamental, é a base que nos permite projetar com rapidez e precisão.
Este trabalho é um documento vivo, sempre evoluindo. Mesmo assim, é incrivelmente gratificante saber que deixamos um legado de design na Opinion Box que influenciará positivamente projetos futuros e ajudará novos designers a trabalharem com mais clareza e confiança.
Vamos nos conectar!
Espero que você tenha gostado do meu projeto! Fique à vontade para entrar em contato se tiver alguma dúvida ou se gostaria de trabalhar em seu novo projeto comigo!
Minha função
Product Designer | UX/UI
Métodos
Pesquisa de Usuário / Mapeamento da Jornada do Usuário / Análise Competitiva / Design de UX/UI / Design Visual / Prototipagem / Testes / Wireframing / Design System
(01)
Projeto
Pesquisa
No início, realizamos várias análises competitivas, exploramos as melhores práticas em plataformas de pesquisa e UX, e conduzimos estudos de padronização. Mais importante, começamos adotando uma cultura orientada ao design — o que nos aproximou ainda mais do nosso objetivo de garantir modernidade, competitividade, adaptabilidade e escalabilidade. Alinhamos nossas atualizações com as tendências do mercado, guiados por uma visão ampla e otimizada de UX/UI e produtos.
O Que Fizemos
Cultura de design: Fomentamos uma mentalidade centrada no usuário e orientada à inovação ao longo de todo o projeto.
Seleção de cores: Definimos uma paleta de cores alinhada com a identidade da marca, garantindo consistência visual.
Espaçamento, grades e bordas: Estabelecemos diretrizes claras para espaçamento, grades e bordas para padronizar o layout em todas as telas.
Mapeamento de componentes: Criamos uma biblioteca de componentes reutilizáveis para promover escalabilidade e eficiência no desenvolvimento.
Modernização da interface: Atualizamos o design visual das plataformas, alinhando-as com as melhores práticas e tendências de design atual.
Mapeamento de telas: Identificamos e organizamos todas as interfaces de produto para obter uma visão clara da estrutura e do fluxo do usuário.
(02)
Estudo de Cor e Contraste
O contraste de cores tem um impacto direto na legibilidade, acessibilidade e na estética geral de um produto. Uma combinação de cores bem pensada pode melhorar significativamente a experiência do usuário, tornando o conteúdo mais legível e visualmente atraente.
Tendo isso em mente, escolhemos cuidadosamente cores que refletem a história e a essência de cada produto, garantindo harmonia entre as plataformas. Dessa forma, os usuários que interagem com ambas as plataformas experimentam uma identidade visual consistente e unificada. As cores secundárias, as variações de escala de cinza e as cores de feedback permanecem as mesmas em ambos os sistemas.
(03)
Grades, Espaçamento, Raio de Borda, Botões, Tabelas, Dicas, Cartões, Toasts, Entradas, Ícones, Menus... e assim por diante!
Embora não possamos mostrar todos os detalhes, vale a pena notar o quanto nos esforçamos neste projeto. Trabalhamos muito para criar inúmeras variáveis, propriedades, componentes, regras de uso e diretrizes de aplicação — tudo com o objetivo de construir um sistema de design sólido, escalável e consistente.
As mudanças foram implementadas em várias telas. Na tela inicial, reorganizamos todas as recompensas recebidas pelo usuário para destacar e dar mais valor a esses novos prêmios. Na tela de recompensas, os itens agora são listados com base nas recompensas mais frequentemente resgatadas pelo usuário, criando uma experiência mais personalizada. Além disso, na tela de extrato de recompensas, os usuários agora podem copiar seu código de voucher com um único clique, melhorando a usabilidade e a conveniência.
(04)
Antes & Depois: Aplicações na Tela
Dê uma olhada em algumas das mudanças que fizemos!
(05)
O que aprendi
Trabalhar neste projeto me tornou uma designer melhor.
Aprendi que prestar atenção aos detalhes e ter padrões claros para orientar nossas criações é fundamental, é a base que nos permite projetar com rapidez e precisão.
Este trabalho é um documento vivo, sempre evoluindo. Mesmo assim, é incrivelmente gratificante saber que deixamos um legado de design na Opinion Box que influenciará positivamente projetos futuros e ajudará novos designers a trabalharem com mais clareza e confiança.
Vamos nos conectar!
Espero que você tenha gostado do meu projeto! Fique à vontade para entrar em contato se tiver alguma dúvida ou se gostaria de trabalhar em seu novo projeto comigo!
Opinion Box | 2025
Design System
Tive a oportunidade maravilhosa na Opinion Box de fazer parte da construção e implementação de um novo Design System tanto para a Plataforma CX quanto para a Plataforma de Pesquisa. Juntamente com o brilhante Mike Brito, contribuí para um projeto que não apenas otimizou nossos processos de design e desenvolvimento, mas também trouxe uma interface mais moderna, atualizada e competitiva para nossos produtos.
Trabalhar nesse projeto foi incrivelmente gratificante — não apenas por causa da minha paixão por melhorar produtos, mas também devido à confiança depositada em mim e no Mike para liderar uma iniciativa tão impactante.
Minha função
Product Designer | UX/UI
Métodos
Pesquisa de Usuário / Mapeamento da Jornada do Usuário / Análise Competitiva / Design de UX/UI / Design Visual / Prototipagem / Testes / Wireframing / Design System
(01)
Projeto
Pesquisa
No início, realizamos várias análises competitivas, exploramos as melhores práticas em plataformas de pesquisa e UX, e conduzimos estudos de padronização. Mais importante, começamos adotando uma cultura orientada ao design — o que nos aproximou ainda mais do nosso objetivo de garantir modernidade, competitividade, adaptabilidade e escalabilidade. Alinhamos nossas atualizações com as tendências do mercado, guiados por uma visão ampla e otimizada de UX/UI e produtos.
O Que Fizemos
Cultura de design: Fomentamos uma mentalidade centrada no usuário e orientada à inovação ao longo de todo o projeto.
Seleção de cores: Definimos uma paleta de cores alinhada com a identidade da marca, garantindo consistência visual.
Espaçamento, grades e bordas: Estabelecemos diretrizes claras para espaçamento, grades e bordas para padronizar o layout em todas as telas.
Mapeamento de componentes: Criamos uma biblioteca de componentes reutilizáveis para promover escalabilidade e eficiência no desenvolvimento.
Modernização da interface: Atualizamos o design visual das plataformas, alinhando-as com as melhores práticas e tendências de design atual.
Mapeamento de telas: Identificamos e organizamos todas as interfaces de produto para obter uma visão clara da estrutura e do fluxo do usuário.
(02)
Estudo de Cor e Contraste
O contraste de cores tem um impacto direto na legibilidade, acessibilidade e na estética geral de um produto. Uma combinação de cores bem pensada pode melhorar significativamente a experiência do usuário, tornando o conteúdo mais legível e visualmente atraente.
Tendo isso em mente, escolhemos cuidadosamente cores que refletem a história e a essência de cada produto, garantindo harmonia entre as plataformas. Dessa forma, os usuários que interagem com ambas as plataformas experimentam uma identidade visual consistente e unificada. As cores secundárias, as variações de escala de cinza e as cores de feedback permanecem as mesmas em ambos os sistemas.
(03)
Grades, Espaçamento, Raio de Borda, Botões, Tabelas, Dicas de Ferramentas, Cartões, Toasts, Entradas, Ícones, Menus... e assim por diante!
Embora não possamos mostrar todos os detalhes, vale a pena notar o quanto nos esforçamos neste projeto. Trabalhamos muito para criar inúmeras variáveis, propriedades, componentes, regras de uso e diretrizes de aplicação — tudo com o objetivo de construir um sistema de design sólido, escalável e consistente.
(04)
O que eu aprendi
Trabalhar neste projeto me tornou uma designer melhor.
Aprendi que prestar atenção aos detalhes e ter padrões claros para orientar nossas criações é fundamental, é a base que nos permite projetar com rapidez e precisão.
Este trabalho é um documento vivo, sempre evoluindo. Mesmo assim, é incrivelmente gratificante saber que deixamos um legado de design na Opinion Box que influenciará positivamente projetos futuros e ajudará novos designers a trabalharem com mais clareza e confiança.
As mudanças foram implementadas em várias telas. Na tela inicial, reorganizamos todas as recompensas recebidas pelo usuário para destacar e dar mais valor a esses novos prêmios. Na tela de recompensas, os itens agora são listados com base nas recompensas mais frequentemente resgatadas pelo usuário, criando uma experiência mais personalizada. Além disso, na tela de extrato de recompensas, os usuários agora podem copiar seu código de voucher com um único clique, melhorando a usabilidade e a conveniência.
Vamos nos conectar!
Espero que você tenha gostado do meu projeto! Fique à vontade para entrar em contato se tiver alguma dúvida ou se gostaria de trabalhar em seu novo projeto comigo!