Azion Website & Expansão de Marca
Astro, Vue.js, Design Tokens, biblioteca de componentes Webkit, Storybook, Sora, tipografia monoespaçada, ilustração técnica
Um reposicionamento de marca contado pelo site. Menos promessa abstrata, mais desenho de como o produto funciona de verdade.
Desafio
A Azion estava deixando de se apresentar como "plataforma de edge computing", uma categoria que o mercado ainda não tinha adotado por completo. O site não dava conta da nova história. Os produtos eram difíceis de explicar, a paleta curta deixava toda página parecida com a anterior e as ilustrações falavam dos produtos de um jeito abstrato demais para um desenvolvedor.
Solução
A marca ganhou repertório em cima do site que já estava no ar. Ilustrações técnicas mostram cada produto como arquitetura e fluxo. Novas cores separam as famílias de produto. A Sora e uma fonte monoespaçada aproximam a tipografia do código. Tokens, uma biblioteca de componentes e documentação deixam os times de produto, documentação e suporte criar e corrigir páginas sem esperar pelo design.
+8%
Cadastros vindos das páginas de produto
+38%
Tempo de engajamento no site
+18%
Acessos à página de preços
Uma marca feita para quem escreve o código. Tipografia que se sente em casa ao lado de um terminal, e desenhos que explicam cada produto do jeito que um desenvolvedor explicaria para outro.
Navegação de produtos
Um menu que organiza o catálogo pelo que cada produto faz, para quem chega pela primeira vez achar o certo.
Ferramentas para desenvolvedores
Documentação e ferramentas escritas para o desenvolvedor que vai usar o produto.
Biblioteca de componentes
Webkit, a biblioteca open source por trás do site e do console. Tokens, componentes e documentação num lugar só.
Projeto
Azion Website & Expansão de Marca
Cliente e papel
Developer Experience Director
Ano
2025
Tecnologias
Astro, Vue.js, Design Tokens, biblioteca de componentes Webkit, Storybook, Sora, tipografia monoespaçada, ilustração técnica