Dogs Trust

Um quiz interativo dentro do site de uma instituição beneficente

A Dogs Trust queria uma forma mais envolvente de alcançar as pessoas online. A CodeLeap construiu o jogo de quiz interativo — um pacote autônomo para navegador, conduzido por um personagem simpático — e o entregou à agência principal da instituição para ser publicado diretamente no site da Dogs Trust.

A CodeLeap construiu o quiz em React com várias etapas e uma tela de resultados personalizada, e o integrou como um componente nativo alinhado à linguagem visual e aos padrões de desempenho do site, para que ele pareça parte do site, e não um widget de terceiros incorporado.

A Dogs Trust é uma das maiores instituições de bem-estar animal do Reino Unido, com uma plataforma digital que atende um público muito grande. A CodeLeap foi chamada para integrar uma experiência de quiz interativo a esse ecossistema existente, construindo a aplicação em React e incorporando-a para que funcione como parte nativa do site. Um trabalho desse tipo é avaliado por quão pouco chama atenção para si mesmo, já que o sucesso se mede por um novo recurso que os visitantes vivenciam como se sempre tivesse feito parte da plataforma.

Funcionalidades do produto

Módulo de quiz interativo

Uma aplicação de quiz construída sob medida conduz os usuários por um fluxo estruturado de várias etapas, da primeira resposta a um conjunto personalizado de resultados, com as interações dinâmicas e a navegação clara necessárias para prender a atenção do público em geral.
Integração fluida à plataforma

O quiz foi totalmente integrado ao site existente da Dogs Trust, seguindo sua linguagem visual e atendendo aos seus padrões de desempenho, para que o recurso funcione como um componente nativo, e não como um widget de terceiros incorporado. Conseguir isso dentro de uma plataforma consolidada, sem atrapalhar a jornada do usuário ao redor, foi a essência do projeto.
Experiência de resultados

Uma tela de resultados dedicada apresenta o resultado de cada usuário de forma clara e envolvente, pensada para que a informação seja compreendida de imediato, sem exigir interpretação — é isso que determina se a experiência parece ter valido a pena no final.
Componentes de interface responsivos

A interface foi construída sobre uma arquitetura moderna baseada em componentes, com elementos interativos e um visual cuidadosamente alinhado que se mantém coeso em toda a variedade de dispositivos e tamanhos de tela que o público de uma instituição beneficente utiliza.
Colaboração entre equipes

O projeto exigiu coordenação entre vários envolvidos, incluindo as equipes da própria instituição e diferentes empresas de desenvolvimento e integração, e uma comunicação clara com fluxos de trabalho estruturados foi o que manteve a entrega alinhada entre todos.
Garantia de qualidade rigorosa

Testes e correções extensivos cobriram a validação dos fluxos de usuário, ajustes de alinhamento e otimização de desempenho, porque um recurso que entra no ar em uma plataforma com essa visibilidade precisa funcionar corretamente desde o primeiro dia.

Desafio

A Dogs Trust queria aumentar o engajamento na sua plataforma digital com um recurso interativo capaz de educar e orientar os visitantes. A complicação era que o trabalho envolvia integrar uma aplicação a um site consolidado, com seus próprios padrões de design, expectativas de desempenho e jornadas de usuário — e tudo isso precisava ser respeitado, e não contornado. A plataforma de uma instituição beneficente está sob um nível de escrutínio público que deixa pouca margem para um recurso que pareça improvisado, carregue devagar ou se comporte de forma inconsistente no celular. A integração também envolvia várias equipes, o que significava que o trabalho técnico vinha acompanhado de um desafio real de coordenação para manter todos alinhados quanto a escopo, padrões e sequência.

Solução

A CodeLeap apoiou a integração de um quiz interativo em React à plataforma da Dogs Trust, garantindo que ele funcionasse como parte coesa do site, e não como um acréscimo. Uma coordenação cuidadosa entre os envolvidos manteve o trabalho alinhado aos padrões digitais da organização, enquanto a otimização de frontend e testes rigorosos de fluxos de usuário, layout e desempenho resultaram em um recurso que se comporta de forma confiável para um grande público. A experiência final aumenta o engajamento na plataforma sem alterar em nada as jornadas ao redor nem a integridade do design já estabelecido do site.

Stack tecnológica

A tecnologia escolhida é a nossa especialidade e permitiu desenvolver rapidamente interfaces de alto desempenho sobre uma infraestrutura confiável. As melhorias na plataforma da Dogs Trust estão disponíveis na web, no desktop e no celular.