Uma limitação técnica que virou um projeto premiado

O HTML foi só o começo. Inspecionei a plataforma para descobrir quais elementos e estilos poderiam ser personalizados.

A imagem de perfil, o fundo da página, espaçamentos e cores — detalhes que pareciam fixos — podiam ser customizados mirando os seletores da própria plataforma e aplicando meus estilos. Isso me deu controle sobre partes do estande que a interface padrão não expunha.

Qualquer <script> que eu colocasse no campo de texto rico saía como texto puro na página. O campo escapava o código, provavelmente por segurança, e a interação do EngageNow precisava de JavaScript para funcionar.

Então tirei a lógica de dentro do campo. O script foi para um pequeno arquivo HTML num servidor externo, e o estande carregava esse arquivo por um iframe. O bloqueio parecia valer só para o que o próprio campo renderizava, então uma página carregada dentro de um iframe rodava normalmente.

Cuidei de todo o processo, do conceito ao código. Comecei no Adobe XD, desenhando o estande como uma experiência web, e depois desenvolvi tudo com HTML, CSS e JavaScript, em vez de entregar apenas um conjunto de imagens estáticas.

O resultado foi uma experiência de estande totalmente customizada — desenhada, construída e adaptada para funcionar dentro das restrições da plataforma.

O estande dependia de código escrito dentro de campos feitos para texto. Preservar esse código exigia uma sequência específica na hora de salvar, e qualquer ajuste pequeno de texto significava repetir o processo inteiro para garantir que tudo continuasse funcionando.