Arquitetura Mobile-First para o cidadão
Telas desenhadas e testadas para o comportamento real em smartphones de todas as faixas e resoluções, com navegação intuitiva, tipografia legível e hierarquia clara para cidadãos de todas as idades.
Case · Civic tech · portais de serviço público
Governo do Distrito Federal (GDF)
Desenvolvimento de ecossistema mobile-first com dezenas de páginas e portais temáticos de utilidade pública (Saúde ao Seu Alcance, Vai de Graça, Recadastramento SUS). Engenharia de frontend focada em HTML semântico, carregamento ultrarrápido em redes móveis e conformidade rigorosa de acessibilidade para a população do DF.
O desafio
Aqui não havia um problema a resolver: é trabalho de criação e design. O desafio foi de processo — usar IA para transformar uma produção lenta em rápida. Cada landing page levava dois dias; passou a levar duas horas quando o layout mobile já existe. Sem ele, o tempo depende do que precisa mudar.
Decisões Centrais de Engenharia & Arquitetura
HTML semântico e acessibilidade governamental
Estruturação semântica em conformidade com as diretrizes do e-MAG e WCAG, assegurando plena compatibilidade com leitores de tela e contraste calibrado sob iluminação externa.
Performance e baixo consumo de dados
Código limpo, sem dependências pesadas e com otimização agressiva de assets, entregando carregamento instantâneo mesmo em redes móveis 3G/4G instáveis.
Governança de entregas contínuas (2025–2026)
Gestão técnica com relatórios periódicos de entrega e conformidade, mantendo consistência visual e velocidade de produção em dezenas de páginas entregues ao longo dos anos.
Resultados
32páginas publicadas em 2025, direto em HTML e CSS
25páginas em 2026 até setembro, já com agentes de IA na produção
2 hpor landing page com IA, quando o layout mobile já existe — antes, dois dias
O que ainda pede olho humano é adaptar imagem e layout ao mobile.
Stack
HTML5 semânticoTailwind CSSmobile-firstweb performance