Trabalho / Grupo NGN

Uma limitação técnica virou um prêmio de design

A plataforma fornecida pelos organizadores do evento foi feita para imagens e texto. Não conseguiríamos levar ao estande a interação que mais queríamos — o EngageNow — até eu descobrir que o campo de rich text renderizava HTML puro. Essa pequena brecha mudou o que o estande podia ser.

Função
Product Designer
Escopo
Design do estande e front-end, do começo ao fim
Período
Outubro de 2020
Plataformas
Cloud Conventions
Toque para ampliar ↗ O estande finalizado, com interação ao vivo embutida na experiência.
O BRIEFING

Todo mundo ganhou a mesma caixa

Outubro de 2020. A feira de telecom do setor estava indo para o virtual às pressas, usando uma plataforma de eventos que dava a todo expositor o mesmo contêiner. O que se pediu ao design era simples: um conjunto de JPGs — imagens de produto para colocar no estande.

Cheguei com poucos dias no relógio. O caminho óbvio era trabalhar dentro das restrições da plataforma e entregar os arquivos. Mas antes de aceitar esses limites, eu queria entender o que a plataforma de fato conseguia fazer.

A BRECHA

Comecei a desmontar a plataforma

O HTML era só o começo. Passei a inspecionar a própria plataforma, procurando lugares onde os padrões dela pudessem ser sobrescritos.

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.

Toque para ampliar ↗ As classes da própria plataforma, mapeadas na folha de estilo para sobrescrever os padrões.
A SOLUÇÃO DE CONTORNO

O JavaScript atrapalhou

A plataforma não permitia rodar JavaScript direto dentro do estande, e o JavaScript era essencial para a interação do EngageNow funcionar.

Então movi a lógica para fora da plataforma. Hospedei o JavaScript num servidor externo e carreguei por um iframe dentro do estande, dando à interação um jeito de rodar sem mexer na plataforma.

Toque para ampliar ↗ O JavaScript externo carregado por um iframe dentro do estande.
A CONSTRUÇÃO

Construí o estande como um site

Levei a experiência do conceito ao código sozinho. Começando no Adobe XD, desenhei o estande como uma experiência web em vez de um punhado de arquivos estáticos, e depois construí com HTML, CSS e JavaScript.

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

Toque para ampliar ↗ Três páginas, uma folha de estilo, tudo rodando dentro do campo de rich text da plataforma.
RESULTADO

Best in Show — e o único estande com interação ao vivo

O estande levou o Best in Show, julgado por um júri independente do setor. Foi também o único estande da feira onde o visitante podia clicar e falar ao vivo com uma pessoa, dentro de um ambiente onde interação por voz nunca fez parte da experiência original da plataforma.

Selo do prêmio Best in Show do PACE ACX Virtual 2020
UMA COINCIDÊNCIA TARDIA

Um mês depois, o CEO da plataforma olhava para a mesma parede.

Em 19 de novembro de 2020, semanas depois da feira, a Convey anunciou o Cloud Exhibit — um estande portátil que o expositor podia levar para qualquer evento. O CEO descreveu o problema do lado do fornecedor da mesa: plataformas de evento construídas em torno de um modelo de tamanho único, expositores com pouca voz sobre qual plataforma a feira escolhe, e controle limitado sobre marca, mensagem e interação.

Com semanas de diferença, chegamos ao mesmo problema por lados opostos da mesa.

Fonte “Convey Services Launches Cloud Exhibit” — AiThority, 19 de novembro de 2020 aithority.com/it-and-devops/cloud/convey-services-launches-cloud-exhibit