Case 06 / 11

Estilo Coifas

O produto e a venda já existiam. Faltava a marca que fizesse o sob medida valer o preço.

Cliente: Estilo Coifas, fabricante de coifas sob medida com fábrica própria em São Paulo
Meu papel: Pesquisa, posicionamento, identidade visual, posts e landing page
Entregas: Pesquisa de mercado, das avaliações do Google e dos concorrentes, posicionamento, narrativa e arquétipo, animação do símbolo, cores, tipografia, direção visual, nove posts e a landing page

Notebook com a primeira tela da landing page da Estilo Coifas, Churrasco sem fumaça, e celular com a versão mobile, sobre uma ilha de cozinha de pedra escura; ao fundo, desfocada, uma cozinha com parede de tijolo e a coifa acesa

Problema

A Estilo Coifas fabrica coifas sob medida em São Paulo e vende pela indicação, pelo Instagram e pelo WhatsApp. Tem nota 5,0 no Google, com 22 avaliações, e o site não mostrava isso. Faltava uma marca que dissesse por que uma coifa feita para o projeto vale mais do que uma de catálogo.

Solução

Pesquisa do mercado, das avaliações e dos concorrentes para achar o lugar livre: a fábrica que acompanha do projeto ao pós-venda. Daí vieram a narrativa, o arquétipo, a identidade com o símbolo em movimento, nove posts e a landing page com duas versões do topo para teste.

(01)

Pesquisa

O que o cliente já dizia, antes da marca.

Antes de desenhar, três leituras: os números públicos do mercado, o que os clientes escrevem nas avaliações do Google e como os concorrentes diretos se apresentam.

Quadro no estilo FigJam: do produto que já vendia à marca que sustenta o preço. Cinco seções ligadas por setas: o ponto de partida, a pesquisa, a estratégia, a marca e a landing page, com notas adesivas e a lição final: o que o cliente elogia é o que a marca precisa dizer

Quadro da pesquisa de mesa: os números públicos do mercado, cada um numa caixa com a fonte e o ano, e a conclusão numa nota — MercadoPesquisa de mesa: os números públicos que explicam o momento do mercado, cada um com a fonte.

Quadro das avaliações do Google: a nota, a quantidade de avaliações, os temas que mais aparecem e citações de clientes em notas adesivas — AvaliaçõesAs avaliações do Google, lidas uma a uma: o que o cliente elogia é o que a marca precisa dizer.

Quadro do benchmark com as primeiras telas reais dos concorrentes diretos e de uma marca de referência, com a promessa, a oferta e o tom de cada um — BenchmarkConcorrentes diretos lado a lado: o que prometem na primeira tela e o espaço que deixam livre.

(02)

Estratégia

A fábrica que acompanha do projeto ao pós-venda.

Os concorrentes falam de técnica e de anos de mercado; os clientes da Estilo Coifas elogiam a equipe, o prazo e o pós-venda. O posicionamento sai daí.

Mapa de posicionamento em quatro quadrantes com as marcas do benchmark e a Estilo Coifas no espaço livre — PosicionamentoO mapa: onde os concorrentes estão e o lugar que ficou livre.

Quadro do arquétipo: o principal e o de apoio, com desejo, medo e tom, e o risco de cada um sozinho — ArquétipoO arquétipo principal, o de apoio e o que cada um segura no tom da marca.

Organograma da narrativa: a frase central no alto, ligada à promessa, à personalidade e ao tom de voz, com os traços de personalidade e o que a marca diz e não diz — NarrativaA narrativa em uma página: a frase central, a personalidade e o tom.

(03)

Marca

A coifa vista de frente, sem fumaça.

O símbolo que o cliente já tinha é uma coifa desenhada de frente, em duas metades. Em movimento, as metades se fecham sobre a fumaça: a marca mostra o produto funcionando.

SímboloAs duas metades se fecham sobre a fumaça. Doze segundos em laço, desenhados quadro a quadro.

SímboloAs duas metades se fecham sobre a fumaça.

Construção do símbolo no quadrado cobre com a grade de oito por oito, o eixo vertical e a margem de respiro, ao lado de três notas: duas metades espelhadas, a boca aberta em cima e a área de respiro — ConstruçãoA construção: duas metades espelhadas, a boca aberta em cima e a mesma margem nos quatro lados.

Construção do símbolo no quadrado cobre com a grade de oito por oito, o eixo vertical e a margem de respiro, e as três notas da construção — ConstruçãoA construção: duas metades espelhadas, a boca aberta em cima e a mesma margem nos quatro lados.

As quatro versões da assinatura: sobre osso, a versão clara do símbolo, sobre azul-marinho e sobre tinta — LogoUma assinatura, quatro fundos.

As quatro versões da assinatura, uma embaixo da outra — LogoUma assinatura, quatro fundos.

(04)

Estilo

Escuro de fundo, cobre onde a ação está.

Azul-marinho, cobre, osso e tinta; uma serifa editorial para os títulos e uma grotesca para explicar; fotografia de ambiente, com luz quente.

As quatro cores da marca com nome, código e uso, e a proporção de uso medida na landing page — CorQuatro cores, cada uma com o seu lugar.

As quatro cores da marca com nome, código e uso, e a proporção de uso — CorQuatro cores, cada uma com o seu lugar.

Instrument Serif para os títulos e Inter Tight para texto e rótulos, com a hierarquia montada com o texto real do site e o botão — TipografiaInstrument Serif nos títulos, Inter Tight no resto.

Instrument Serif para os títulos e Inter Tight para texto e rótulos, com a hierarquia — TipografiaInstrument Serif nos títulos, Inter Tight no resto.

Seis fotos do site do cliente e três regras da direção visual: projeto real, luz quente com fundo escuro e a pessoa aparecendo no uso — Direção visualA direção visual com as fotos do site.

Fotos do site do cliente e as três regras da direção visual — Direção visualA direção visual com as fotos do site.

(05)

Aplicações

Nove posts, uma régua.

Foto de ambiente, uma frase curta do próprio site e a marca no canto. Três fundos alternam no feed: a foto, o azul-marinho e o cobre.

Grade com nove posts da Estilo Coifas: seis com fotos do site e três em fundo azul-marinho, cobre e tinta, com títulos em serifa e a palavra de destaque em itálico cobre — PostsNove posts com os textos e as fotos do site.

Grade com os nove posts da Estilo Coifas — PostsNove posts com os textos e as fotos do site.

(06)

Landing page

Do churrasco sem fumaça ao projeto enviado.

A estrutura do site atual, na mesma ordem e com os mesmos textos, com a marca nova. O topo tem duas versões para teste: a técnica e a do churrasco sem fumaça.

A landing page da Estilo Coifas inteira no computador, do topo ao rodapé: o churrasco sem fumaça, os tipos de projeto, o processo, a chamada em cobre, os ambientes, os benefícios, o envio do projeto e o rodapé

01 · Topo Teste A/B

“Isso serve para o meu projeto?”

O topo é a única variável do teste. A versão A fala a língua do arquiteto: coifas sob medida para projetos que não se adaptam a modelos padrão. A B fala do resultado: churrasco sem fumaça.
- Três selos logo abaixo: fabricação própria, sob medida, desde 2005.
- “Quero enviar meu projeto” abre o WhatsApp com a mensagem da versão: o lead chega marcado.
02 · Tipos de projeto

“E se o meu ambiente for diferente?”

A coifa sob medida existe para o caso que o catálogo não atende. Mostrar os casos difíceis é o argumento de valor.
- Quatro tipos de projeto: pé-direito alto, bancada extensa, medidas específicas e estrutura diferenciada.
- Uma foto e uma frase para cada caso.
03 · Do projeto à instalação

“Quanto trabalho isso vai me dar?”

Sob medida assusta quem nunca comprou: parece demorado e arriscado. Cinco etapas numeradas mostram que o caminho é curto e acompanhado.
- Definição, envio do projeto, análise técnica, fabricação e instalação.
04 · Chamada

“Posso só perguntar?”

O primeiro passo pedido não é a compra: é enviar o projeto e receber uma orientação técnica.
- Faixa em cobre no meio da página, com o mesmo botão.
05 · Ambientes

“Vocês fazem para o meu tipo de espaço?”

Apartamento, restaurante e espaço gourmet têm exigências diferentes. Nomear os três poupa a pergunta no WhatsApp.
- Três cartões com foto e nome do ambiente.
06 · Benefícios

“Por que não uma coifa pronta?”

É aqui que o preço se explica: funcionamento adequado ao ambiente, sem adaptação improvisada, integrado ao projeto de arquitetura.
- Quatro benefícios curtos e um botão para falar com a equipe.
07 · Envie seu projeto

“Ok, e agora?”

Para quem leu tudo: o pedido volta, com a promessa da orientação técnica e os mesmos três selos.
- Foto de fundo e o botão em cobre.
08 · Rodapé

“Onde vocês estão?”

A assinatura, o Instagram e o Facebook; o WhatsApp fica no botão flutuante, em toda a página.
- Navegação curta: projetos, processo e ambientes.

Landing page no computador, versão B; blocos medidos na própria página. Fora o topo da B, todo texto vem do site atual; a foto do topo da B é de banco de imagens.

(07)

Resultado

Uma marca para cobrar pelo projeto.

O que ficou entregue. O preço e a venda seguem com o cliente; aqui está o que passa a sustentar os dois.

1símbolo em movimento: a coifa se fecha sobre a fumaça

4cores e duas fontes, com função definida

9posts na mesma régua, com os textos e as fotos do site

2versões do topo da landing page para teste A/B, com o lead marcado no WhatsApp

Antes

Depois

Frases que mudavam a cada versão do site: “arte e eficácia”, “coletivo de arte e designer”

Um posicionamento: a fábrica que acompanha do projeto ao pós-venda

O símbolo aparecia parado, no topo e no rodapé do site

O símbolo em movimento, a construção, quatro fundos e o uso nos posts e na landing page

A nota 5,0 e os elogios dos clientes ficavam no Google

A personalidade e o tom escritos com as palavras dos clientes

Página sem menu, com cinco botões para o mesmo WhatsApp e a mesma mensagem

A mesma estrutura com a marca nova, menu curto e a mensagem do WhatsApp marcada por versão

(Próximo case) 07 / 11

Opa

Um comunicador leve para o time em home office, da pesquisa ao app no ar em quatro dias.

Abrir o case

Estilo Coifas

Problema e solução

O que o cliente já dizia, antes da marca.

A fábrica que acompanha do projeto ao pós-venda.

A coifa vista de frente, sem fumaça.

Escuro de fundo, cobre onde a ação está.

Nove posts, uma régua.

Do churrasco sem fumaça ao projeto enviado.

“Isso serve para o meu projeto?”

“E se o meu ambiente for diferente?”

“Quanto trabalho isso vai me dar?”

“Posso só perguntar?”

“Vocês fazem para o meu tipo de espaço?”

“Por que não uma coifa pronta?”

“Ok, e agora?”

“Onde vocês estão?”

Uma marca para cobrar pelo projeto.