Case 04 / 11

OwemPay

Uma marca para quem vende: pesquisa, estratégia e um símbolo que é dois cartões.

Cliente: OwemPay, pagamentos para negócios físicos e digitais (maquininha, link, Pix, checkout), Alphaville (SP), desde 2020
Meu papel: Pesquisa, estratégia de marca, identidade visual, aplicações e animação
Entregas: Pesquisa e personas, plataforma de marca, símbolo e logo, paleta e tipografia, manual de marca, aplicações e o hero da landing page

Dois cartões da OwemPay, um azul e um azul claro, sobrepostos como no símbolo, sobre um balcão de concreto claro; à direita, um celular encostado numa caneca mostra a landing page; ao fundo, desfocado, o balcão de um café com um cliente pagando

Problema

A OwemPay apareceu em público com quatro grafias do nome, uma delas errada, e o site passou meses em "coming soon" enquanto a empresa inaugurava sede nova, anunciava um banco digital e crescia de gateway a subadquirente. Não havia marca: cada peça saía de um jeito, num mercado em que todo mundo grita a menor taxa.

Solução

Pesquisa de mesa com dados públicos, benchmark com os dois concorrentes diretos, matriz CSD e personas; o método Ondas de Valor para amarrar marca, negócio e comunicação; o arquétipo do Sábio; um símbolo que é um O, um P e dois cartões; paleta, tipografia, manual de marca, aplicações e a primeira dobra da landing page.

(01)

Pesquisa

Quem é o cliente, com dados.

Antes de desenhar, quatro etapas: pesquisa de mesa com fontes públicas (Sebrae, Banco Central, Abecs), matriz CSD com o que sabemos e o que supomos, benchmark com dois concorrentes diretos e uma persona construída sobre os números.

Quadro no estilo FigJam: do nome com quatro grafias a uma marca só. Seis seções ligadas por setas: o problema, a pesquisa de mesa, o que sei e o que suponho, concorrentes e pessoas, a estratégia e a marca com as aplicações, cada uma com notas adesivas

Seis cartões com números grandes (24,2 milhões de empresas, 3 em 4 MEIs, 82% vendem pelo WhatsApp, 59% recebem por Pix, 61% misturam a conta, 43% escolhem pela segurança), cada um com a fonte e o ano, e a conclusão sobre o público — Desk researchPesquisa de mesa: os seis números públicos que definem o público, cada um com a fonte e o ano.

Três seções com quatro notas adesivas cada: certezas em verde, suposições em amarelo, dúvidas em rosa — CSDMatriz CSD: certezas, suposições e dúvidas, separadas antes de qualquer decisão de marca.

Prints das primeiras telas de InfinitePay e PagBank com três linhas de leitura cada, promessa, oferta e tom, e as caixas do que os dois deixam de fora e do que a marca nova precisa provar — BenchmarkInfinitePay e PagBank lado a lado: promessa, oferta e tom, e o que os dois deixam de fora.

Duas fichas de persona com foto redonda, quem é, o que precisa, o que irrita, canais e a frase de cada uma — PersonasDuas personas montadas com os dados: Carla, no balcão, e Juliana, on-line.

(02)

Estratégia

Do produto ao propósito, em três ondas.

O método Ondas de Valor, da Ana Couto, cruza o que a marca é, faz e fala com três níveis de valor: produto, pessoas e propósito. O arquétipo do Sábio ocupa o espaço que nenhum concorrente ocupa: explicar, em vez de prometer a menor taxa.

Três caixas empilhadas, Produto, Pessoas e Propósito, com o que a marca é, faz e fala em cada uma, setas para cima e duas notas ao lado — MétodoOndas de Valor da Ana Couto: o que a marca é, faz e fala em produto, pessoas e propósito.

Três caixas: Sábio, o principal, Prestativo, de apoio, e onde os concorrentes estão, com a nota de que o Sábio está livre e a caixa de risco — ArquétipoSábio como arquétipo principal, Prestativo de apoio, e onde os 16 concorrentes se espremem.

Mapa de posicionamento em quatro quadrantes, para quem começa ou já cresceu e promete ou explica, com 16 pontos cinza e o ponto azul da OwemPay no alto, no lado de quem explica — MapaMapa 2 × 2 com as 16 marcas: quase todas prometem; explicar é o quadrante vazio.

Organograma com o propósito no topo ligado a promessa, personalidade e tom de voz, e sete chips de produto embaixo — PlataformaA plataforma de marca em uma página: propósito, promessa, personalidade, tom de voz e os sete pilares.

(03)

Marca

Um O, um P, dois cartões.

Dois anéis no mesmo plano inclinado, uma espessura, a base do P atravessando o O como a tarja de um cartão. Em movimento, os anéis se enchem e viram os dois cartões de quem vende e de quem paga.

SímboloO símbolo é o produto: os anéis se enchem e viram os dois cartões. Doze segundos em laço, desenhados quadro a quadro.

SímboloO símbolo é o produto: os anéis se enchem e viram os dois cartões.

Construção do símbolo: os dois anéis sobre o grid inclinado, com a espessura, a inclinação de 11,5 graus e os raios dos cantos cotados; ao lado, o O, o P, os dois juntos com a tarja e os dois cartões cheios — ConstruçãoGrid de construção: uma espessura, 11,5° de inclinação, cantos em arco.

LogoUma assinatura, quatro fundos, área de proteção e redução mínima.

Close nos dois cartões sobrepostos: o chip, o contactless e a palavra owempay em foco no cartão azul; o cartão azul claro com o símbolo branco atrás

Celular em pé, encostado numa caneca de cerâmica sobre o balcão, com a primeira dobra da landing page da OwemPay; ao fundo, desfocado, o balcão de um café

(04)

Estilo

Dois azuis, uma fonte e o azul só na ação.

O azul aparece onde a ação está: botão, símbolo, número que importa. O resto é branco, gelo e cinza. A Mulish faz do título ao rótulo.

CorO azul se desdobra na escala digital e volta para onde a ação está.

TipografiaMulish de 200 a 1000: títulos em 900, rótulos em 800 caixa-alta, texto em 500.

Paleta: azul Owem, azul claro, cinza e branco em cartões grandes, a guia de quinze cores digitais e a proporção de uso proposta — CorCores da marca e a proporção de uso: 60 % branco e gelo, 20 % azul, 10 % azul claro, 10 % escuro.

Especímen da Mulish: o Aa gigante, os nove pesos com a frase Simplifique para ampliar, e a hierarquia de título, subtítulo, rótulo, texto e número — TipografiaMulish, do título ao rótulo: nove pesos e a hierarquia da marca.

(05)

Aplicações

A marca no cartão, no feed e no estande.

O símbolo carrega as peças sozinho: sobre o azul do cartão, bordado no moletom, em relevo na pasta, cortado na borda do post e em cada face do estande. A palavra entra quando há espaço.

PeçasCartão e app, moletom, pasta e canecas.

Quatro posts de Instagram da marca e duas grades do feed, com azul, branco e fotos de quem vende — SocialPosts e o feed montado: azul, branco e a foto de quem vende.

Estande da marca em duas vistas: estrutura azul e preta com a palavra em branco no alto e o símbolo em cada face, com atendentes e uma tela — EstandeO estande, em duas vistas: reconhecido de longe no pavilhão.

(06)

Landing page

A primeira dobra, com o símbolo em movimento.

O hero usa a animação do símbolo como imagem principal: não precisa de foto de banco nem de ilustração. Uma frase do manual, um parágrafo, dois botões e os quatro produtos em rótulos.

HeroHero no computador, 1440 px: a animação parada no quadro dos cartões.

Primeira dobra da landing page no celular: título, parágrafo, botões em largura total e os cartões do símbolo embaixo — CelularHero no celular, 390 px.

(07)

Resultado

De quatro grafias a uma marca só.

O que ficou entregue e medido: a base para a OwemPay aparecer igual no app, na maquininha, no feed e no estande.

1símbolo que é um O, um P e dois cartões, em vetor e em movimento

16concorrentes mapeados por cor, promessa e arquétipo. O Sábio estava livre

3 × 3ondas e dimensões preenchidas: produto, pessoas e propósito em é, faz e fala

36 sde animação em laço: símbolo, cor e tipografia, em 16:9 e 4:5

Antes

Depois

Quatro grafias do nome e nenhum símbolo

Uma assinatura, um símbolo com grid de construção e animação

Sem pesquisa, sem persona, sem concorrentes

Pesquisa de mesa com fonte em cada número, CSD, benchmark direto e persona

Cada peça com um tom

Plataforma de marca: propósito, promessa, personalidade, arquétipo, tom de voz e mensagens

Sem tipografia definida

Mulish, livre e variável, com a hierarquia definida

Azul sem regra

Dois azuis com função, proporção de uso e escala digital

O que medir a seguir

As três ondas, antes e depois do lançamento: quem conhece a marca, quem se identifica com ela e quem chega por indicação de outro lojista.

(Próximo case) 05 / 11

Palácio Engenharia

Uma marca de engenharia: símbolo, manual de marca, manual de comunicação, landing page e posts.

Abrir o case