Como a Lynksen deu vida ao site de uma plataforma B2B complexa com o Spline

A Elecctro cria sistemas de software para serviços autônomos — como máquinas de venda automática, carregadores de veículos elétricos e automação de lava-rápidos. Seu produto vai do hardware ao software e ocupa um canto do mercado que, historicamente, se comunica com compradores B2B por meio de fichas técnicas densas e diagramas técnicos. A missão da empresa é modernizar os serviços autônomos com soluções inteligentes e conectadas.

A Elecctro precisava de um site. Mas não de um site qualquer. De um site que prendesse a atenção do comprador por tempo suficiente para explicar o que a empresa faz, que a diferenciasse visualmente de dezenas de empresas parecidas e que levasse os visitantes rapidamente a uma decisão.

"Eles precisavam transmitir muita informação", conta Tania, gerente de projetos da Lynksen, a agência de design digital chamada para reconstruir a experiência do site. "Mas também queriam se destacar num nicho muito técnico."

A resposta não era mais conteúdo. Era um tipo totalmente diferente de interface interativa.

Uma página inicial para explorar, não só para ler

A ideia central da Lynksen era enganosamente simples: deixar os usuários explorarem o sistema, em vez de explicá-lo só com palavras.

A página inicial virou uma cena 3D interativa. Uma visão espacial de toda a família de produtos da Elecctro, em que os usuários podem passar o mouse, clicar e navegar no próprio ritmo. Cada asset da cena está ligado a uma página de produto dedicada. O caminho de "o que é este produto?" até "estou pronto para conversar" encolheu para poucos cliques.

Os usuários podem ir à página inicial, ver tudo, clicar uma vez e já fornecer à Elecctro as informações de que ela precisa.

Foi uma mudança significativa. A maioria dos sites B2B trata a página inicial como um sumário. A Lynksen construiu a da Elecctro como um ambiente, algo que você percorre em vez de ler de cima para baixo.

Por que o Spline?

A visão era clara, mas como dar vida a ela?

As ferramentas 3D tradicionais estavam fora de questão. Só a curva de aprendizado teria consumido o projeto. Mais importante: a equipe da Elecctro precisava conseguir manter o site depois do lançamento. Isso significava nada de pipelines caixa-preta, nada de depender de artistas especializados, nada de ferramentas que exigissem meses de onboarding só para trocar um asset.

A Lynksen avaliou o Spline e viu outro caminho:

• Criar e iterar num único ambiente.
• Prototipar interações direto na ferramenta.
• Entregar assets prontos para produção sem uma cadeia complexa de handoff.

Saímos de quase nenhuma experiência para a entrega de um projeto completo de primeira.

O que tornou isso possível não foram só as ferramentas. Foi a comunidade. Antes de escrever uma única linha de código, a equipe da Lynksen passou um tempo na biblioteca da comunidade do Spline: explorando remixes, entendendo como outros designers abordavam as interações e identificando técnicas que poderiam adaptar para o projeto do cliente.

Ter um lugar como a Spline Community, com projetos diferentes e a possibilidade de fazer remix para ver como as pessoas abordavam diferentes interações, ajudou muito no nosso aprendizado.

Para a Elecctro, havia outro fator: a longevidade.

Eles queriam uma solução que a própria equipe pudesse assumir depois do lançamento.

Você não precisa ser muito técnico para adicionar um objeto, criar uma interação diferente e manter o projeto depois que o entregamos. Esse foi um benefício fundamental para nós.

Construindo a experiência

O processo da Lynksen começou sem nenhum movimento.

Wireframes estáticos. Layouts de interface chapados. Uma hierarquia de informação clara, definida antes de qualquer animação. Só quando a estrutura estava sólida a equipe começou a adicionar camadas.

"Sempre começamos pelo estático e depois adicionamos a animação camada por camada", conta Tania. "Definimos os estados principais em wireframes e esboços e, durante a implementação, ajustamos os movimentos de câmera, brincamos com as animações e garantimos que tudo se encaixe como esperado."

Essa disciplina evitou que o projeto desmoronasse sob a própria ambição. A equipe manteve um princípio de design simples: o movimento apoia a narrativa.

Na prática, isso significou:

• Estados de hover sutis e microinterações nos assets 3D
• Revelações com a rolagem que guiavam a atenção sem exigi-la
• Transições de câmera que orientavam os usuários em vez de ofuscá-los
• Criatividade expressiva reservada para momentos secundários (o rodapé, a página 404), onde pequenas surpresas encantam em vez de distrair

A página 404 virou uma das favoritas da equipe. Feita inteiramente no Spline, ela permite que os usuários cliquem por ali para revelar assets 3D escondidos. Um pequeno easter egg que a maioria dos visitantes nunca vai encontrar, mas que a equipe da Lynksen claramente adorou criar.

"É legal esconder um easter egg", diz Ross. "Se alguém encontrar, vamos ficar superfelizes como designers."

Detalhe dos ícones 3D usados em todo o menu de navegação do site.

Os resultados

O site redesenhado foi lançado, e os números mudaram na hora.

Os usuários ativos cresceram 524%, e o projeto recebeu 5 prêmios.

O site ganhou 20.000 novas visualizações, e a comunidade de design notou.

Esses resultados refletiram algo que a equipe construiu de propósito: não só um site bonito, mas um site realmente eficaz. Um site que funcionava para compradores que precisavam de clareza e para uma equipe do cliente que precisava mantê-lo sem um desenvolvedor de plantão em tempo integral.

Para equipes que estão pensando em 3D

Para equipes que vão usar 3D na web pela primeira vez, o conselho de Tania é simples: não comece com ferramentas tradicionais.

Com o Spline, a curva de aprendizado é tranquila. Em poucos dias, alguém com habilidades de design já consegue começar. Nossa equipe produziu um MVP sólido na primeira semana de uso.

Ross vê isso como uma mudança mais ampla na forma como as equipes podem lidar com o 3D: em vez de juntar várias ferramentas e fluxos complexos, as equipes podem criar, iterar e entregar num único ambiente — o que torna o 3D interativo muito mais acessível desde o início.

Se você quer trabalhar num único ambiente, sem conhecimento supertécnico, e conseguir entregar o que está vendo, vá de Spline.

Para agências de design que apresentam experiências web interativas aos clientes, o projeto é uma prova convincente: com a ferramenta certa, dá para sair de nenhuma experiência a um site premiado num único projeto.

Comece a usar o Spline

Assim como a Lynksen, as agências podem usar o Spline para ajudar os clientes a comunicar produtos complexos com experiências interativas mais fáceis de entender, mais fáceis de manter e mais marcantes.

Para a Elecctro, isso significou transformar uma plataforma B2B técnica num site interativo que esclareceu o produto, acelerou as decisões e ajudou a marca a se destacar num mercado lotado.

Seja você uma agência criando para um cliente ou uma equipe interna, o Spline ajuda a ir da ideia à produção mais rápido — sem um pipeline 3D complexo nem habilidades técnicas especializadas.

Fale com vendas