Visão Geral

A Sinales é um site institucional que reuniu grande diversidade de conteúdos (documentos de compliance, relatórios, checklists e listas de filiais) e precisava ser modernizado com foco no acesso mobile. Atuei como Designer de Produto / UX/UI, criando um guia de estilos e biblioteca de componentes responsivos para web e mobile.

Objetivos

1. Estruturar conteúdo de forma acessível e escalável; 2. Adotar abordagem mobile-first; 3. Criar um guia de estilos robusto; 4. Garantir legibilidade e navegação clara para diversos tipos de conteúdo.

Solução

Desenvolvemos um guia de estilos completo que orienta padrões visuais e responde às necessidades dos usuários em diferentes dispositivos. A hierarquia tipográfica, paleta de cores e componentes foram estruturados para garantir coerência e escalabilidade.

Desafio

Modernizar um site antigo preservando a integridade da marca, organizando informações extensas em uma arquitetura responsiva e acessível, e garantir boa experiência tanto em desktop quanto em dispositivos móveis.

Processo

1. Mapeamento de conteúdo e hierarquia de informações; 2. Definição de tokens de design (cores, espaçamentos, tipografia); 3. Desenvolvimento de biblioteca de componentes responsivos; 4. Testes de contraste e acessibilidade visual; 5. Ajustes iterativos para harmonizar desktop e mobile.

Desafio

Modernizar um site antigo preservando a integridade da marca, organizando informações extensas em uma arquitetura responsiva e acessível, e garantir boa experiência tanto em desktop quanto em dispositivos móveis.

Objetivos

1. Estruturar conteúdo de forma acessível e escalável; 2. Adotar abordagem mobile-first; 3. Criar um guia de estilos robusto; 4. Garantir legibilidade e navegação clara para diversos tipos de conteúdo.

Processo

1. Mapeamento de conteúdo e hierarquia de informações; 2. Definição de tokens de design (cores, espaçamentos, tipografia); 3. Desenvolvimento de biblioteca de componentes responsivos; 4. Testes de contraste e acessibilidade visual; 5. Ajustes iterativos para harmonizar desktop e mobile.

Solução

Desenvolvemos um guia de estilos completo que orienta padrões visuais e responde às necessidades dos usuários em diferentes dispositivos. A hierarquia tipográfica, paleta de cores e componentes foram estruturados para garantir coerência e escalabilidade.

Desafio

Modernizar um site antigo preservando a integridade da marca, organizando informações extensas em uma arquitetura responsiva e acessível, e garantir boa experiência tanto em desktop quanto em dispositivos móveis.

Objetivos

1. Estruturar conteúdo de forma acessível e escalável; 2. Adotar abordagem mobile-first; 3. Criar um guia de estilos robusto; 4. Garantir legibilidade e navegação clara para diversos tipos de conteúdo.

Processo

1. Mapeamento de conteúdo e hierarquia de informações; 2. Definição de tokens de design (cores, espaçamentos, tipografia); 3. Desenvolvimento de biblioteca de componentes responsivos; 4. Testes de contraste e acessibilidade visual; 5. Ajustes iterativos para harmonizar desktop e mobile.

Solução

Desenvolvemos um guia de estilos completo que orienta padrões visuais e responde às necessidades dos usuários em diferentes dispositivos. A hierarquia tipográfica, paleta de cores e componentes foram estruturados para garantir coerência e escalabilidade.

Resultados & Impacto

1. Site institucional moderno e responsivo; 2. Navegação fluida em desktop e mobile; 3. Padrões visuais que facilitam manutenção e futuras evoluções; 4. Consistência visual reforçada por meio do guia de estilos.

Vamos construir um produto juntos?

Vamos construir
um produto juntos?

Se você busca um designer de produto para criar soluções digitais claras, escaláveis e centradas no usuário, vamos conversar. Posso ajudar a transformar ideias e desafios em experiências que geram valor real.

Se você busca um designer de produto para criar soluções digitais claras, escaláveis e centradas no usuário, vamos conversar. Posso ajudar a transformar ideias e desafios em experiências que geram valor real.

viniciusragassi1@gmail.com

viniciusragassi1@gmail.com

+55 27 99900-1223

+55 27 99900-1223

Este portfólio tem fins exclusivamente profissionais e demonstrações de trabalho.

Caso queira compartilhar algum conteúdo, entre em contato. Terei prazer em conversar!

Projeto de: Matheus Ragassi © 2026 - Todos os Direitos Reservados