Fluxo de agendamento para certificados digitais com múltiplas etapas, validações condicionais e integração com backend em Go.
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.
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.
Minha atuação
As frentes em que participei diretamente, da definição do fluxo à implementação técnica.
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.
Funcionalidades
Recursos principais que materializam o fluxo e as regras deste case.
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
Desafios técnicos
Decisões técnicas ligadas ao contexto, às exceções e à confiabilidade do fluxo.
Desafio 1
Simplificar um processo com muitas combinações e regras condicionais.
Desafio 2
Exibir cada campo no momento certo sem quebrar a continuidade do fluxo.
Desafio 3
Integrar o frontend React com uma API em Go usando operações em momentos diferentes.
Desafio 4
Incorporar a experiência ao WordPress sem retirar o usuário do site.
Resultado e aprendizado
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.
Galeria
Capturas selecionadas para apresentar a interface sem expor informações sensíveis.
Próximos passos
Concluir e validar o ciclo completo de integração com o backend em Go.
Acompanhar o comportamento do fluxo incorporado ao ambiente WordPress.