Olá, sou Flávio de Sousa

UX/UI Product Designer especializado em desenvolvimento e redesign de sites, componentes e produtos digitais que conectam pessoas e geram resultados.

Transformo ideias em experiências digitais memoráveis.

Colocar o usuário no centro de cada decisão
Minha missão como UX Designer é compreender profundamente os usuários para criar soluções digitais que sejam funcionais, acessíveis e envolventes.
Transformar insights em soluções reais
Acredito que cada interface deve nascer a partir de uma pesquisa sólida — qualitativa e quantitativa — garantindo que as escolhas de design respondam a necessidades reais e não a suposições.
Equilibrar estética e usabilidade
Mais do que beleza, busco entregar experiências intuitivas, onde cada interação é pensada para reduzir fricções e aumentar a satisfação.
Promover inclusão e acessibilidade
Vejo o design como uma ferramenta para democratizar o acesso digital, permitindo que diferentes perfis de pessoas consigam interagir de forma natural com os produtos.
Governança de Design System
Processos, regras e evolução contínua para garantir consistência e escalabilidade em produtos digitais.

Processo de Design

Um processo flexível e centrado no usuário, que transforma ideias em experiências digitais reais e significativas.

1-Descoberta
Entendimento do problema e do contexto de negócio. Entrevistas, questionários e análise de dados. Identificação de dores, necessidades e oportunidades.
2-Definição
Construção de personas e jornadas do usuário. Priorização de problemas a serem resolvidos. Criação de hipóteses de solução.
3-Ideação
Brainstorming de ideias com a equipe. Criação de fluxos, wireframes e protótipos de baixa fidelidade. Validação rápida das ideias.
4-Prototipagem
Desenvolvimento de protótipos de alta fidelidade. Aplicação de heurísticas de usabilidade. Definição do Design System (cores, tipografia, componentes).
5-Testes de
Usabilidade
Testes com usuários reais. Coleta de feedback qualitativo e quantitativo. Ajustes baseados em métricas de usabilidade e satisfação.
6-Entrega &
Iteração
Handoff para a equipe de desenvolvimento. Monitoramento de métricas pós-lançamento. Melhorias contínuas com base no uso real. Validação rápida das ideias.

Cases & projetos​

Projetos desenvolvidos para transformar desafios em soluções digitais.

Case-01, Achados e perdidos automatizado.

Entendendo o problema

Todos os dias, milhares de objetos são esquecidos ou perdidos em transportes, aeroportos e espaços públicos — e a maioria nunca retorna ao seu dono. A falta de um sistema integrado e automatizado torna o processo lento e ineficiente, tanto para os usuários quanto para as instituições.

 

Design System 

O SAPA é uma plataforma digital desenvolvida para modernizar e automatizar o processo de achados e perdidos em ambientes públicos e privados. Criado com o objetivo de eliminar a burocracia e a desorganização dos métodos tradicionais, o sistema oferece uma experiência simples, segura e eficiente tanto para quem perde quanto para quem encontra objetos.

O projeto foi estruturado a partir de pesquisas com usuários reais e gestores de espaços públicos, mapeando dores e comportamentos ao longo da jornada de perda e recuperação de itens. A partir desses dados, foram definidos fluxos intuitivos, arquitetura da informação otimizada e uma interface responsiva, garantindo acessibilidade e usabilidade em qualquer dispositivo.

Além disso, o Design System do SAPA foi desenvolvido para assegurar consistência visual, escalabilidade e manutenção contínua, permitindo que novas funcionalidades sejam integradas sem comprometer a experiência do usuário.

O resultado é um produto centrado nas pessoas, que reduz o tempo de localização de objetos, melhora a comunicação entre usuários e instituições, e promove uma experiência digital moderna, transparente e confiável.

  • 68 mil objetos/ano são registrados apenas na CPTM (SP), com 33% devolvidos.

  • No Metrô de São Paulo, foram 43 mil itens em 6 meses, com 34,7% de devoluções.

  • No Metrofor (Fortaleza), 767 itens em 2024, com apenas 25% resgatados.

  • Em aeroportos brasileiros, mais de 120 mil itens/ano são perdidos — e só 40% retornam.

  • Cerca de 70% dos objetos extraviados são documentos, celulares e mochilas.

  • Estima-se que 2 em cada 3 objetos nunca sejam recuperados.

 

O desafio inicial foi eliminar a burocracia e a desorganização dos processos tradicionais de achados e perdidos em ambientes públicos e privados.
Usuários enfrentavam falta de rastreabilidade, comunicação ineficiente e perda de tempo significativa na tentativa de localizar objetos extraviados.

Além dos impactos operacionais, o sistema manual existente gerava baixa confiabilidade nas informações, ausência de padronização e dificuldade de acompanhamento das ocorrências.
Não havia um fluxo definido para registro, verificação e devolução — o que resultava em retrabalho, dados dispersos e experiência negativa tanto para o usuário quanto para as equipes administrativas.

Do ponto de vista técnico, o desafio envolveu:

  • Mapear a jornada completa do usuário (desde a perda até a recuperação do item);

  • Definir fluxos de interação automatizados que reduzissem etapas redundantes;

  • Propor uma interface intuitiva, capaz de integrar informações, status de objetos e comunicação entre setores;

  • Garantir escalabilidade e responsividade, permitindo uso em diferentes contextos (terminais, universidades, shoppings, empresas, etc.).

Assim, o foco do projeto foi transformar um processo fragmentado e analógico em uma solução digital estruturada, com base em princípios de UX Research, arquitetura da informação e usabilidade aplicada.

Conduzi pesquisas exploratórias e entrevistas em profundidade com usuários e stakeholders para compreender o comportamento, expectativas e principais frustrações no processo de achados e perdidos. Essas investigações revelaram pontos críticos de confiança, tempo de resposta e ausência de feedback, fundamentais para o redesenho da jornada.

Com base nesses insights de pesquisa, desenvolvi personas representativas e mapas de jornada do usuário, destacando momentos de atrito e oportunidades de automação. Esse processo norteou a definição dos fluxos de interaçãoe da arquitetura da informação, priorizando a simplicidade, previsibilidade e eficiência cognitiva em cada etapa da experiência.

No estágio de design, construí o Design System do SAPA, estruturado para garantir clareza visual, acessibilidade e escalabilidade.
O sistema foi projetado para manter consistência entre as plataformas web e mobile, incorporando componentes reutilizáveis, tokens de design e padrões responsivos, o que facilitou futuras atualizações e a integração com novos módulos da aplicação.

Essa abordagem estratégica permitiu alinhar usabilidade, viabilidade técnica e objetivos de negócio, assegurando que o produto final fosse eficiente, intuitivo e sustentável a longo prazo.

Entreguei uma interface intuitiva, responsiva e centrada no usuário, projetada para tornar o processo de registro, busca e recuperação de objetos simples, ágil e confiável. A solução foi cuidadosamente desenhada para oferecer notificações automáticas, filtros inteligentes e feedbacks visuais claros, otimizando cada etapa da interação.

O resultado foi uma experiência digital fluida e eficiente, que reduziu drasticamente o tempo de localização de pertences e aumentou a sensação de controle e segurança dos usuários. Essa entrega consolidou o SAPA como uma plataforma inovadora, escalável e tecnicamente robusta, alinhada às boas práticas de UX Design e acessibilidade digital.

O SAPA (Sistema Automatizado de Achados e Perdidos) surge para transformar essa realidade:
automatizando cadastros, notificações e devoluções em um único ecossistema digital, inteligente e acessível.

Case-02

Portal de Informações da Paraíba.

Negócios e Notícias — Portal de Informação da Paraíba

Um portal de notícias moderno e responsivo, desenvolvido para oferecer informação com clareza, velocidade e experiência intuitiva ao leitor digital.

Design System 

Atuei no desenvolvimento completo da experiência e interface do site Negócios e Notícias, portal digital voltado à cobertura jornalística e empresarial do estado da Paraíba. Minha responsabilidade foi conduzir todas as etapas do processo de UX e UI Design, desde a pesquisa até o protótipo final validado para desenvolvimento.

 

  •  Mapeamento da jornada do usuário, identificando as principais necessidades de leitores e anunciantes.

  • Arquitetura da informação e definição do fluxo de navegação para garantir uma leitura intuitiva e fluida.
  • Criação de wireframes e protótipos interativos com foco em responsividade e acessibilidade.

  • Desenvolvimento do Design System e Style Guide, utilizando cores inspiradas na bandeira da Paraíba e tipografias otimizadas para leitura digital.

O resultado foi um portal dinâmico, leve e visualmente alinhado à identidade cultural da Paraíba, com carrosséis de notícias, seções de colunistas, banners publicitários e um layout que equilibra informação, regionalidade e experiência do usuário.

Identifiquei a necessidade de criar uma plataforma jornalística do zero, capaz de transmitir credibilidade, regionalidade e fluidez na leitura, refletindo a identidade e o dinamismo da comunicação paraibana. O desafio era equilibrar a densidade informativa do conteúdo jornalístico com uma navegação intuitiva e leve, valorizando tanto a experiência do leitor quanto o destaque visual das matérias.

O processo começou com pesquisas de benchmarking e análises de comportamento de leitura digital, buscando compreender como o público local consumia notícias em diferentes dispositivos. A partir desses dados, foram definidos os fluxos de navegação, hierarquia visual de manchetes, sistemas de cores e tipografia, garantindo legibilidade, escaneabilidade e consistência editorial.

O design foi pensado para estimular a permanência do usuário na página, integrando carrosséis dinâmicos de redatores, espaços publicitários adaptáveis (verticais e horizontais) e componentes modulares que facilitam a atualização constante de conteúdo.

O resultado é uma plataforma moderna, acessível e funcional, que traduz a essência do jornalismo regional em uma experiência clara, envolvente e tecnologicamente sólida, fortalecendo a presença digital da marca Negócios & Notícias.

Conduzi pesquisas exploratórias com usuários e análises comparativas de portais de referência, identificando padrões de leitura, hierarquia de informação e comportamento de navegação típicos de ambientes jornalísticos digitais. A partir desses insights, estruturei uma arquitetura da informação clara e escalável, priorizando fluidez, previsibilidade e engajamento contínuo durante a leitura.

Desenvolvi um Design System completo e modular, inspirado nas cores da bandeira da Paraíba, traduzindo a identidade regional em elementos visuais modernos e consistentes. Cada componente foi projetado com foco em acessibilidade, legibilidade e responsividade, garantindo experiências equilibradas em diferentes dispositivos e um visual editorial sólido, confiável e com forte personalidade visual.

Projetei uma interface moderna, leve e escalável, construída para oferecer uma experiência de leitura imersiva e contínua. A estrutura visual integra carrosséis de destaque dinâmicos, seções dedicadas a colunistas e banners publicitários perfeitamente incorporados ao layout, sem comprometer a fluidez do conteúdo jornalístico.

A solução foi desenvolvida com foco em usabilidade, performance e identidade regional, garantindo uma experiência intuitiva, autêntica e acessível para diferentes perfis de leitores. O resultado reforçou a credibilidade e o engajamentodo público, consolidando o Negócios & Notícias como uma plataforma digital que une jornalismo, tecnologia e cultura paraibana em uma só interface.

Considerações
Plataforma jornalística criada para conectar leitores às principais notícias regionais e nacionais, com foco em acessibilidade e performance digital.
Case-03

Correspondente 4.0 – Plataforma Digital Jurídica Inteligente

Case UX/UI–Correspondente 4.0

Simplificando o jurídico para MEI e ME com uma experiência acessível e de confiança.

Design System 

1. Pesquisa Inicial

Conduzi entrevistas exploratórias e análises de fluxos jurídicos tradicionais para entender as dores de advogados e correspondentes. A pesquisa revelou problemas como falta de rastreabilidade, comunicação fragmentada e baixa eficiência operacional. A partir desses insights, defini personas, jornadas do usuário e principais pontos de atrito, estabelecendo a base para um produto centrado em necessidades reais.

Objetivo: entender as principais dores dos microempreendedores.
Métodos aplicados:

  • Entrevistas rápidas com 12 empreendedores locais.

  • Análise de 4 concorrentes diretos no segmento jurídico/contábil.

  • Mapeamento de jornada do usuário.

Principais descobertas:

  • 78% dos entrevistados não compreendiam seus deveres fiscais.

  • 64% tinham dificuldade em encontrar informações confiáveis online.

  • 83% buscavam atendimento humano rápido e acessível.

Com os dados de pesquisa, estruturei uma arquitetura da informação hierárquica e objetiva, priorizando encontrabilidade e clareza nos processos de solicitação e acompanhamento de serviços jurídicos. Desenhei fluxos otimizados que reduzem a carga cognitiva e permitem navegação fluida em poucos cliques. Paralelamente, desenvolvi o Design System do Correspondente 4.0, com componentes modulares, tipografia de alta legibilidade e paleta institucional baseada em tons de confiança e tecnologia (azul e cinza), garantindo consistência visual e escalabilidade.

Conclusão da pesquisa: o público quer segurança e simplicidade, não linguagem jurídica complexa.
Diretrizes definidas:

  • Linguagem acessível e empática.

  • Design limpo e minimalista.

  • Foco em conversão com gatilhos de confiança.

Atividades principais:

  • Criação de personas baseadas nas entrevistas.

  • Definição de user flow para serviços principais (regularização, impostos, assessoria).

  • Wireframes de baixa e alta fidelidade testados com 5 usuários.

Métricas UX:

  • Redução de 40% no tempo de navegação até o contato principal.

  • Clareza de conteúdo avaliada como 9,1/10 em testes de usabilidade.

Projetei uma interface moderna, responsiva e funcional, com dashboards intuitivos, filtros inteligentes e painéis interativos que facilitam a visualização de tarefas e prazos. Cada microinteração foi desenhada para reforçar a sensação de controle e eficiência, utilizando feedbacks visuais sutis e fluxos lineares.

O resultado foi uma plataforma robusta e acessível, que reduz o tempo de execução de tarefas jurídicas, aumenta a produtividade e fortalece a credibilidade digital dos profissionais.

Diretrizes visuais:

  • Paleta baseada no azul jurídico (#003366) com contraste em branco e cinza claro.

  • Tipografia Poppins e Inter para legibilidade e modernidade.

  • Ícones simples e ilustrativos para guiar o usuário sem sobrecarga visual.

Ferramentas: Figma, Maze e Google Forms.
Etapas:

  • Testes de usabilidade com 8 usuários.

  • Ajustes de copy e contraste.

Resultados:

  • 92% dos usuários afirmaram entender os serviços logo na primeira dobra da página.

  • Taxa de conclusão de formulário aumentou em +38%.

Entregas:

  • Landing page otimizada para conversão e SEO.

  • Design System leve e consistente.

  • Experiência fluida e responsiva.

Impacto esperado:

  • Aumento de até 50% na captação de leads qualificados.

  • Posicionamento da marca como referência digital em assessoria para MEI e ME.

O Correspondente 4.0 representa um avanço significativo na transformação digital do setor jurídico, traduzindo processos complexos em experiências simples e humanas — um verdadeiro marco na integração entre design, tecnologia e eficiência jurídica.

Considerações

O projeto Correspondente 4.0 consolidou um processo completo de UX/UI orientado ao usuário, transformando temas jurídicos em uma experiência digital simples e intuitiva. As pesquisas guiaram decisões visuais e funcionais que aumentaram clareza, confiança e conversão. O resultado une design, tecnologia e propósito, reforçando o valor humano no centro da solução.

Case-04

Litoral Sul — Viva a Paraíba em cada rota, em cada experiência.

Litoral Sul — Turismo, Experiência e Mobilidade em João Pessoa

Plataforma digital desenvolvida para conectar turistas e moradores a experiências autênticas no litoral paraibano, unindo passeios, locação de veículos e hospitalidade em um só lugar.

Design System 

Como UX/UI Designer Pleno, fui responsável por conceber e desenvolver o Design System completo do site Litoral Sul, uma agência de passeios e locação de veículos em João Pessoa.
O objetivo central foi criar uma base visual consistente, leve e escalável, que transmitisse a essência do litoral paraibano — unindo experiência do usuário, estética e funcionalidade em uma identidade digital sólida.

  •  Mapeamento da jornada do usuário, identificando as principais necessidades de leitores e anunciantes.

  • Arquitetura da informação e definição do fluxo de navegação para garantir uma leitura intuitiva e fluida.
  • Criação de wireframes e protótipos interativos com foco em responsividade e acessibilidade.

  • Desenvolvimento do Design System e Style Guide, utilizando cores inspiradas na bandeira da Paraíba e tipografias otimizadas para leitura digital.

O resultado foi um portal dinâmico, leve e visualmente alinhado à identidade cultural da Paraíba, com carrosséis de notícias, seções de colunistas, banners publicitários e um layout que equilibra informação, regionalidade e experiência do usuário.

Identificação das Dores

Durante a análise heurística e de experiência do usuário no ambiente digital da Litoral Sul, foram identificadas as seguintes dores e pontos de fricção:

  • A estrutura atual não possui uma hierarquia clara de navegação, dificultando o acesso rápido aos principais serviços (locação, passeios e transfers).

  • Falta de consistência entre menus e páginas internas, reduzindo o fluxo de descoberta natural.

  • O conteúdo carece de uma linguagem empática, objetiva e orientada à conversão.

  • Ausência de microtextos (microcopy) estratégicos, como mensagens de validação, feedbacks de ação e CTAs otimizados.

  • O design apresenta contrastes irregulares e inconsistência de cores e tipografia.

  • Elementos visuais não seguem uma grid responsiva padrão (8pt grid system), comprometendo legibilidade e equilíbrio visual em dispositivos móveis.

  • Falta de otimização UX para jornadas de reserva ou contato.

  • Ausência de gatilhos visuais que incentivem o usuário à ação (ex: CTA flutuante de WhatsApp, provas sociais, feedback de ação).

  • Taxa de dispersão alta devido à ausência de fluxo de retenção e call-to-actions sequenciais.

O redesenho segue um processo centrado no usuário, embasado nas metodologias Design Thinking, Lean UX e Design Sprint, com ênfase em descoberta, ideação, prototipagem e validação

  • Desk Research: Benchmarking com agências de turismo e locadoras regionais e nacionais.

  • Entrevistas qualitativas: Com usuários reais e potenciais (público de João Pessoa e turistas nacionais).

  • Personas e jornadas: Definição de User Personas e User Journeys baseadas em dados de comportamento e intenção.

  • Criação de um site map otimizado, com navegação lógica e semântica clara.

  • Design de fluxos de interação (User Flows) focados na conversão e na jornada de reserva.

  • Estruturação de wireframes em baixa e média fidelidade no Figma para validação de layout e hierarquia visual.

  • Criação de um Design System padronizado com:

    • Tokens de cor baseados na paleta da Litoral Sul.

    • Componentes reutilizáveis (botões, cards, inputs, alerts, CTA banners).

    • Tipografia escalável com hierarquia H1–H6 responsiva.

    • Grid de 12 colunas, baseado em layout fluido e adaptativo.

  • Documentação técnica de espaçamentos, margens e comportamentos de componentes (hover, focus, active).

  • Desenvolvimento de UI em alta fidelidade com Figma, aplicando princípios de Gestalt (proximidade, similaridade e continuidade).

  • Criação de protótipos interativos navegáveis, simulando o fluxo completo de reserva e contato.

  • Testes de usabilidade A/B com cenários reais, avaliando clareza, tempo de tarefa e taxa de sucesso.

A etapa final foca na transição do design para o ambiente de produção, garantindo consistência, performance e mensuração de resultados.

  • Protótipos navegáveis (Figma) com especificações para desenvolvedores (Dev Mode).

  • Guia de Estilo (UI Kit + Design Tokens).

  • Arquitetura de componentes documentada para frameworks como React ou Elementor/WordPress.

  • Assets otimizados para WebP e SVG.

  • Implementação de formulário de conversão integrado ao CRM ou Google Sheets.

  • Integração de chat/WhatsApp flutuante com eventos de cliques rastreáveis.

  • Configuração de tags de conversão (Google Analytics 4 e Meta Pixel).

  • Testes de responsividade (mobile, tablet, desktop).

  • Testes de acessibilidade (WCAG 2.1 nível AA).

  • Testes de velocidade e otimização de SEO técnico.

  • Ajustes finais pós-validação com base em heatmaps e scroll maps (Hotjar).

Resultados Esperados

  • +45% de aumento na taxa de conversão nas reservas online.

  • +30% de retenção de usuários mobile com experiência responsiva otimizada.

  • Padronização completa da identidade digital, fortalecendo reconhecimento e confiança da marca Litoral Sul.

  • Base sólida para expansão de serviços digitais, como marketplace de passeios e reservas integradas.