No perimetro ESB do Grupo Pichet, eu tinha que equipar cerca de 80 interlocutores diarios vindos de 12 direcoes de negocio (Finanças, Contabilidade, RH, Marketing, Hotelaria, Imobiliario, Seguranca, TI, etc.). Essas pessoas não eram usuarios tecnicos: precisavam de dashboards de integração, visualizadores de fluxos, ferramentas de reporting claras - mas sem formacao tecnica profunda e com uma carga cognitiva já saturada pelo próprio trabalho.

Recusei mergulhar diretamente no código Symfony. Antes de cada tela, produzi um wireframe em papel e depois um Figma leve que fazia validar em 30 minutos pelo responsavel do departamento, fazendo 3 perguntas: o que estamos buscando (intencao do usuario), em que ordem (o percurso), com qual vocabulario (linguagem de negocio, não tecnica). Uma vez aprovado o wireframe, passava aos controllers Symfony e a integração Twig + jQuery, mas o journey ficava travado. Para os fluxos financeiros (os mais sensiveis), também produzi journey maps documentados no Confluence.

Cerca de 80 interlocutores adotaram as ferramentas com treinamento minimo, o tempo medio de treinamento caiu de meio dia para menos de uma hora, e as direcoes de negocio voltaram a procurar o time ESB para enquadrar 3 novas ferramentas transversais sem repassar por uma fase de evangelizacao.

Nesse projeto entendi de forma duradoura que um wireframe legivel vale 3 iteracoes de código. E o reflexo que rejogo hoje em cada missao ACCENSEO e no SaaS contabil: rabiscar antes de abrir o Figma, validar o journey antes da primeira linha de React, e aceitar que uma folha A4 e 10 minutos costumam valer mais do que 2 horas no Figma.

Na refatoracao da Fleurance Nature em 2017 na Smile, eu precisava redesenhar 3 storefronts (Fleurance Nature France, International, Mincifine) com uma identidade compartilhada mas códigos locais diferentes. As especificacoes graficas atravessaram 7 versoes em 2 meses a medida que os casos limites de negocio iam surgindo (grupos de clientes, promocoes multi-site, tradução de categorias, gestao de avaliacoes). No responsivo, eu precisava sustentar mobile + tablet + desktop sem multiplicar os temas.

Coloquei uma grade responsiva compartilhada (mobile-first, breakpoints calibrados nos analytics existentes) e um UI kit minimo que fatorava os componentes visuais criticos (categorias, fichas de produto, funil de checkout, navegacao). Para cada storefront, produzi wireframes responsivos em 3 breakpoints, validei iterativamente as maquetes visuais com o cliente, redigi as especificacoes graficas dos 3 temas distintos, e depois assumi o ownership da implementacao front-end no Magento. O blog WordPress integrado via RSS foi alinhado visualmente na mesma grade.

3 storefronts coerentes entregues em produção em 8 ambientes, identidade visual compartilhada preservada sem reescrita por loja, e a garantia de 58 dias pos-lancamento assegurada pessoalmente sem incidente UX major.

Essa disciplina UI/UX e o que me permite hoje questionar um brief mal enquadrado na ACCENSEO sem depender de uma agencia de design externa. No SaaS contabil em solo, rejoguei a mesma mecanica para enquadrar a experiencia de 6 papeis diferentes (Admin, Colaborador, Consultor, Contador, Contabilidade, Banco) antes da primeira linha de código - e e exatamente o que me poupou as semanas de reenquadramento que iteracoes pos-entrega teriam custado.