Se você navegou pela internet brasileira no final dos anos 2000, certamente se lembra do Robô Ed, o chatbot da Petrobras/CONPET focado em sustentabilidade e eficiência energética. O que poucos sabem é a arquitetura de Front-End e a engenharia de interface necessárias para sustentar a experiência que existia por trás daquele simpático avatar 3D. Tive o privilégio de atuar nas duas pontas que deram vida a esse case histórico, trabalhando em duas das principais agências responsáveis pelo projeto em fases cruciais de sua evolução.

🌐 Fase 1: Interface, Sistemas e Experiência Web na Space Produções (2007)

Em 2007, o Robô Ed operava dentro do portal ed.conpet.gov.br. Enquanto equipes dedicadas cuidavam exclusivamente da modelagem 3D do personagem, a minha missão na Space Produções era dar vida a todo o ecossistema 2D que orbitava o robô.

Como responsável pelos layouts, HTML e CSS, fui a arquiteta da experiência do hotsite. Trabalhei em conjunto com um time de desenvolvedores que criavam o Back-end e plugava nas interfaces que eu criava. Minha atuação foi focada em Front-End e UX Transacional, desenvolvendo:

• A interface completa da janela de conversas e a renderização do histórico de diálogos.
• Os fluxos críticos de usuário na plataforma: sistemas de cadastro, login e gerenciamento de perfil dos usuários (uma área que permitia salvar interações).
• A integração visual fluida entre o ambiente web tradicional e os módulos onde o personagem 3D interagia, garantindo uma navegação leve e responsiva para os padrões de conectividade da época.

🧠 Fase 2: Front-End Core, UI Design e Internacionalização na Insite (2008–2009)

Em 2008, dei um salto técnico ao migrar para a Insite (a empresa de tecnologia por trás do motor de IA InBot). Lá, assumi o papel de web designer e Front-End Developer focado em produto, sendo a responsável pelo desenvolvimento de todos os sites institucionais e projetos da própria Insite.

Dentro do produto Robô Ed, meu desafio foi elevar o nível de design de interface e escalabilidade:

• UI Design & Internacionalização: Desenhei e programei a interface do Robô Ed para os mercados externos, criando as versões em inglês e espanhol.
• Interface Dinâmica (Contextual): Implementei uma lógica adaptativa, onde a interface do site modificava seus elementos visuais e folhas de estilo dependendo da hora do dia em que o usuário acessava (manhã, tarde e noite), criando uma camada extra de imersão e dinamismo no ecossistema do personagem.
• Integração de Conteúdo de IA: Fui o elo técnico responsável por codificar e incluir na interface as interações e os fluxos de texto criados pela equipe de linguistas e roteiristas para o robô.

🚀 O Impacto dessa Trajetória na minha Carreira

Viver esse projeto me deu uma bagagem sênior muito antes do mercado de tecnologia se estruturar como é hoje. Aprendi a lidar com:

1. Escala Massiva: Desenvolver interfaces leves o suficiente para resistir a picos de milhões de acessos simultâneos sem quebrar o layout ou travar as requisições.