Todos os projetos

Estudo de caso

Futuro é Infância Saudável | Infinis

  • IA aplicada ao desenvolvimento
  • Docker
  • Wordpress
  • PHP
Captura de tela da interface do projeto Futuro é Infância Saudável | Infinis

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

  1. Análise

    Análise dos layouts no Figma.

  2. Extração assistida

    Extração assistida das informações visuais.

  3. Implementação

    Implementação das páginas, componentes e campos ACF.

  4. Revisão manual

    Revisão manual do código e comparação com o layout.

  5. 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á.

Ir para o contato

Buscar e navegar

↑ ↓ para escolher · Enter para abrir · Esc para fechar