{"slug":"autoatendimento-e-util","title":"Autoatendimento e-Útil","cardTitle":"Autoatendimento e-Útil — formulário complexo, experiência simples","category":"Frontend / UX / API","status":"Projeto real · integração em andamento","shortDescription":"Fluxo de agendamento para certificados digitais com múltiplas etapas, validações condicionais e integração com backend em Go.","overview":"O projeto é uma interface de solicitação e agendamento de certificados digitais pensada para funcionar dentro de um site WordPress existente. O formulário divide um processo extenso em etapas claras e reúne somente os dados necessários para cada modalidade.","problem":"A solicitação de certificados digitais combina dados pessoais ou empresariais, modalidades, tipos de certificado e regras específicas. Colocar tudo em um único formulário aumentaria a carga cognitiva, os erros de preenchimento e o risco de abandono.","role":["Desenvolvimento frontend e estruturação do fluxo multi-etapas.","Organização visual e de UX para um público não técnico.","Implementação de campos condicionais e validações de CPF, CNPJ e CEP.","Definição e discussão dos payloads com o backend em Go.","Separação entre o envio inicial por POST e a atualização posterior por PATCH.","Adaptação da aplicação React para incorporação no site WordPress."],"stack":["React","TypeScript","Tailwind CSS","Vite","API REST","Go","WordPress"],"features":["Formulário dividido em etapas","Campos para pessoa física e jurídica","Validação de CPF e CNPJ","Consulta de CEP, cidade e CNPJ","Escolha de modalidade e certificado","Seleção de dias e período de atendimento","Resumo antes da confirmação","Oferta SafeID após a solicitação principal"],"challenges":["Simplificar um processo com muitas combinações e regras condicionais.","Exibir cada campo no momento certo sem quebrar a continuidade do fluxo.","Integrar o frontend React com uma API em Go usando operações em momentos diferentes.","Incorporar a experiência ao WordPress sem retirar o usuário do site."],"outcome":"O trabalho reforçou experiência com UX aplicada a formulários extensos, validação de dados, integração frontend/backend e comunicação técnica entre partes com stacks diferentes.","highlights":["UX","Multi-etapas","API REST","Validações"],"nextSteps":["Concluir e validar o ciclo completo de integração com o backend em Go.","Acompanhar o comportamento do fluxo incorporado ao ambiente WordPress."],"images":["/images/projects/autoatendimento/autoatendimento-inicio.png","/images/projects/autoatendimento/autoatendimento-validacoes.png","/images/projects/autoatendimento/autoatendimento-dados-pessoais.png"],"isPrivate":true,"featured":true,"icon":"form","href":"/projetos/autoatendimento-e-util"}