Estudo de caso
Futuro é Infância Saudável | Infinis
- IA aplicada ao desenvolvimento
- Docker
- Wordpress
- PHP
Contexto
O site foi desenvolvido para apresentar o Infinis, frente de advocacy e filantropia da Fundação José Luiz Setúbal dedicada à defesa da saúde e dos direitos de crianças e adolescentes. A plataforma reúne informações institucionais, eixos temáticos, projetos apoiados, resultados, notícias e conteúdos relacionados à atuação da organização, facilitando o acesso público às suas iniciativas e ao conhecimento produzido.
Papel e contribuição
Participei do desenvolvimento do site utilizando WordPress e pair programming com inteligência artificial. Esse foi meu primeiro projeto profissional em que a IA esteve integrada de forma estruturada ao processo de criação das interfaces e de conexão com os conteúdos administráveis do back-end.
Decisão
A principal decisão técnica foi utilizar a IA como parceira de programação dentro de um processo orientado por padrões definidos pela equipe. Foram criadas skills personalizadas com instruções para desenvolvimento de custom fields, estruturação semântica de HTML, organização de CSS e validação de acessibilidade.
As telas foram divididas em tarefas menores, acompanhadas de contexto, referências visuais e critérios claros de implementação. As respostas geradas pela IA eram revisadas, testadas e refinadas antes de serem integradas ao projeto, mantendo a consistência do código e das interfaces.
Resultado
Entreguei todas as páginas e seus campos editáveis com o apoio de um fluxo assistido por IA, mantendo a revisão humana e a aderência aos padrões técnicos e visuais do projeto.
Aprendizado
O principal aprendizado foi compreender que bons resultados com inteligência artificial dependem diretamente da qualidade do contexto e da organização dos pedidos. Evoluí na criação de prompts mais objetivos, na divisão de funcionalidades complexas em etapas e na definição de requisitos e critérios de validação antes de solicitar uma implementação.
Também aprendi a conduzir ciclos de revisão com a IA, identificar quando uma resposta precisava ser corrigida ou refinada e manter a responsabilidade técnica sobre o código produzido. Esse processo trouxe mais eficiência para a criação das telas e para a integração com o back-end, sem abrir mão da qualidade, da acessibilidade e dos padrões estabelecidos pela equipe.
Processo
-
Análise
Análise dos layouts no Figma.
-
Extração assistida
Extração assistida das informações visuais.
-
Implementação
Implementação das páginas, componentes e campos ACF.
-
Revisão manual
Revisão manual do código e comparação com o layout.
-
Validação
Validação das práticas técnicas, da semântica e da acessibilidade.
Vamos conversar sobre o seu projeto?
Use o formulário para contar o contexto, o que precisa ser construído e em que etapa o trabalho está.