O Projeto

Levando a magia de joco pro mundo

Site que usa a interação do scroll para contar a história de Joco, um produto de aprendizado conversacional para os micromomentos de tédio.

O Desafio

Transformando conceito em interação

Joco é uma plataforma de aprendizado conversacional inteligente e adaptativa onde os usuários aprendem sobre as grandes transformações do mundo em jornadas de 5 minutos. O desafio do novo site era comunicar o produto de forma simples e atrativa utilizando como conceito central a "dança dos cubinhos" criada para a nova identidade visual. Desde o início do projeto sabíamos que implementar a animação dos cubos ao longo do scroll seria um desafio e, nesse sentido, foram necessários meses de ajustes finos para que a interação chegasse ao nível de fluidez desejado.

O Processo

Troca constante entre cliente, design e desenvolvedor

A execução desse projeto teve como particularidade um fluxo mais livre da equipe de design tanto com o cliente, uma vez que se tratava de um produto interno, quanto com o desenvolvedor, já que o sucesso do conceito central estava intimamente ligado com a viabilidade de implementação e posterior refinamento das animações no código. Além disso, por se tratar de um conteúdo padrão de comunicação e venda de produto, a estrutura do site não demandava maiores invenções, de modo que optamos por manter uma arquitetura simplificada e reunir todos os nossos esforços no conceito que traria emoção para a experiência.

Identidade Visual

Conhecimento é caos. Joco organiza e entrega em pequenas porções.

Este foi o insight que trouxe a metáfora dos cubinhos. Eles se juntam e formam algo maior. O usuário aprende através de conversas e pode escolher sua viagem de aprendizado, num modelo adaptativo. As imagens que se montam são o reflexo do conhecimento adquirido a partir de um "cubinho mágico". Na pirâmide do aprendizado, quanto mais interativo, maior a absorção, então usamos elementos de games. E, com isso, oferecemos um senso de progressão dentro da experiência. A plataforma é inteligente e permite a extração de dados e insights de diferentes naturezas. Em Joco, tratamos das grandes transformações do nosso mundo: No Tecno Box, o tema é a transformação digital; Skill Box trata das habilidades de vida; Nutri Cuca, da consciência alimentar. Ainda não acabou, há mais cubinhos se montando.

Product Key

A dança dos cubinhos

Na etapa do product key nós buscamos aquilo que será memorável na experiência e que trará conexão emocional com os usuários. No caso de joco, a metáfora dos cubinhos surgiu para sintetizar visualmente diversos conceitos presentes no universo semântico do produto. A trajetória pessoal, adaptativa, evolutiva e em pequenas porções foi representada na nova identidade pela recombinação da unidade básica do cubo em diferentes formas. No site, os cubos foram usados para contar a história do produto, desde o propósito até os modelos de contratação. Para isso, cada módulo de conteúdo é ilustrado por combinações de cubinhos que nunca saem da tela, simplesmente se reorganizam ao longo do scroll.

Solução

Mas não era só uma landing page?

Quando começamos a desenvolver o Showroom de Joco pensávamos que se trataria de uma landing page e que, na ausência de desafios de arquitetura, estrutura e volume de conteúdo, concentraríamos todos os nossos esforços na conexão emocional do usuário com o produto. No entando, ao longo do processo percebemos que para vender a proposta de Joco como gostaríamos seria preciso um site mais robusto, com páginas específicas para aprofundar os conteúdos. Nesse sentido, a solução final contou, além da home, com uma página de metodologia descrevendo os ingredientes da receita de Joco; uma página falando sobre as especificidades da plataforma; uma área de portfólio mostrando os cases desenvolvidos com diversos clientes e, por fim, uma parte insitucional contendo a história da empresa, propósito, equipe e contato. Com essa solução tivemos a chance de aprofundar em cada uma das particularidades que faz de Joco único e especial, desde a proposta de valor intangível até o detalhe mais concreto e mensurável.

Resultados

Veja os resultados do projeto

A Joco foi reconhecida pelo Design Rush - uma plataforma líder em tendências e prêmios, que já contemplou marcas como NBA, McDonald's, Nike e Sefa Spices - para integrar seu prêmio Best Design Awards, em destaque entre os melhores designs de websites educacionais (The Best Educational Website Designs). E você pode ver no nosso prêmio na plataforma do Design Rush