VOLUM

A VOLUM é uma agência de aceleração de vendas para empresas B2B, SaaS e de tecnologia, com mídia paga, sales enablement, CRO, tracking e data science.

O projeto foi criar a linguagem visual da marca e, a partir dela, o protótipo e o site institucional, do primeiro esboço até o código.

Ver o site

Detalhes do projeto

Ano
2024
Cliente
VOLUM
Tarefa
Linguagem visual, web design e desenvolvimento
Entregas
Linguagem visual, posts, protótipo e site em HTML, CSS e JavaScript
Site
Demonstração
Topo do site final da VOLUM

Antes

Este era o site da VOLUM antes do projeto.

O site anterior da VOLUM

As referências do cliente

As referências que o cliente trouxe tinham colagem, recortes de papel, fita adesiva, estátuas em preto e branco e uma paleta de verde e roxo bem saturados (#00FF9C e #9C64FF). Li ali uma linguagem jovem e puxada para o grunge.

Paleta e painel de referências do cliente

Primeira direção: grunge

Levei essa leitura para as primeiras peças, posts para o Instagram e a capa da comunidade, e para o protótipo do site, com texturas, recortes e as cores da marca.

Posts e capa de comunidade na direção grunge
Protótipo do site na direção grunge

O feedback e o espectro

O cliente sentiu que a proposta não conversava com o público que a VOLUM queria atingir: empresas B2B, com foco em startups e negócios de alto ticket. Em vez de corrigir uma peça de cada vez, montei um espectro para validar a direção: as mesmas peças, a capa da comunidade e o topo do site, desenhadas em três pontos.

Grunge, moderna e jovem: a direção original, com colagem, papel amassado e tipografia recortada.

Flat, moderna e madura: fundos lisos, foto recortada sobre formas nas cores da marca e uma variação com ilustração 3D, em versões clara e escura.

Corporate, tradicional e madura: foto em preto e branco com blocos de cor chapada e formas em pílula, em verde sobre preto e roxo sobre cinza-claro.

Com os três pontos lado a lado, o cliente pôde apontar onde a VOLUM se via, em vez de reagir a uma proposta só.

Espectro com as direções grunge, flat e corporate aplicadas à capa da comunidade e ao topo do site

Direção final: corporate

A direção que fez mais sentido para o cliente foi a corporate e madura: fundo preto, títulos em caixa alta, fotografia em preto e branco e mais respiro entre as seções. O verde da marca ficou reservado para destaques, como o bloco de cor sobre a foto e as palavras-chave do título.

Capa da comunidade e topo do site na direção corporate
Protótipo final aprovado do site da VOLUM

Implementação

Com o protótipo aprovado, desenvolvi o site em HTML, CSS e JavaScript, sem CMS. Por ser uma landing page, uma estrutura enxuta carregava mais rápido do que uma plataforma completa.

O site original não está mais no ar. Esta é uma cópia de demonstração, ajustada ao protótipo aprovado, com o formulário desativado.

Ver o site