Paulo Peres

ESTUDO DE CASO / UX WRITING / COMUNICAÇÃO

SumUp/Pix

Projeto conceitual na EBAC, sem vínculo com a SumUp. Não foi uma campanha publicada.

Uma comunicação mais clara sobre Pix para pequenos negócios

Proposta de landing page, e-mail e peças de campanha para apresentar benefícios, explicar o funcionamento do serviço e orientar a próxima ação.

Notebook em uma loja com a landing page proposta para o Pix da SumUp: título “Segurança em cada pagamento” e botão “Faça seu cadastro”.
UMA HISTÓRIA DE DESIGNUMA MENSAGEM. CADA DETALHE.

Resumo

O essencial do projeto em poucas linhas. Logo abaixo, o processo completo em 7 etapas, na ordem em que aconteceu.

Contexto
Exercício de comunicação digital na EBAC: apresentar o Pix da SumUp a pequenos negócios em mais de um formato.
Problema
Explicar o que é oferecido, quais são os benefícios e como começar, de um jeito que quem empreende entenda rápido e confie.
Público
Pequenos comerciantes. Público definido para o exercício, sem pesquisa com usuários.
Minha contribuição
Referências e moodboard, esboços em papel, wireframes, key visual, escolha de cores e tipografia, e as peças finais.
Natureza
Projeto conceitual. Não foi contratado, publicado nem validado comercialmente pela SumUp.
Solução e entregas
Landing page, e-mail marketing e três peças de campanha conectadas pela mesma identidade visual.
Evidências e limitações
O resultado demonstrável são as peças. Sem campanha real, não há dados de conversão, cadastro ou engajamento.
Não conhece algum termo? Veja o que cada um significa
Landing page
Página única feita para apresentar uma oferta e levar a uma ação, como o cadastro.
E-mail marketing
E-mail de divulgação enviado a clientes ou interessados.
Moodboard
Painel de referências visuais que ajuda a definir o clima da peça.
Wireframe
Esboço da página sem cores nem imagens, para decidir a ordem do conteúdo.
Key visual
Imagem principal da campanha. Ela dá a cara das peças e se repete em todas.
CTA
Chamada para ação: o botão ou convite principal, como “Faça seu cadastro”.
Etapas do estudo
  1. 1Contexto e desafio
  2. 2Exploração visual
  3. 3Principais decisões
  4. 4Do esboço à interface
  5. 5Peças finais
  6. 6Resultado e limitações
  7. 7Aprendizados

Etapa 1 de 7Contexto e desafio

Uma mensagem, três pontos de contato

A comunicação precisava apresentar o Pix da SumUp a pequenos comerciantes com clareza e confiança, respondendo às dúvidas de quem está decidindo:

  • O que está sendo oferecido?
  • Quais são os benefícios para o negócio?
  • Como funciona?
  • Como começar?
  • Onde esclarecer dúvidas?

Cada formato ganhou um papel:

  • 01Landing pageApresentar o Pix, esclarecer dúvidas e direcionar ao cadastro.
  • 02E-mail marketingResumir os benefícios e convidar a conhecer a solução.
  • 03Peças de campanhaDestacar agilidade, segurança e praticidade em três composições.

Etapa 2 de 7Exploração visual

Confiança, proximidade e movimento

A direção visual combinou referências de tecnologia com uma linguagem voltada a pequenos negócios.

  • ConfiançaComposições organizadas e azul-marinho dão sobriedade à comunicação.
  • ProximidadeLinguagem simples e acessível para quem empreende.
  • MovimentoFormas fluidas e referências de velocidade traduzem a agilidade dos pagamentos.
Moodboard conceitual. Imagens de referência para tecnologia e movimento.

Paleta e tipografia

  • Azul #2563EB
  • Verde #00C389
  • Verde-claro #E6F7F1
  • Cinza-claro #F4F5F7
  • Azul-marinho #0F172A

Inter em títulos, textos e elementos de interface. Nas fotos, busquei situações reais de pequenos negócios e corrigi mockups e explicações que não correspondiam ao uso real.

Etapa 3 de 7Principais decisões

Decisões vistas na própria página

1. Hierarquia da informação

A primeira dobra reúne mensagem principal, imagem do produto e chamada para cadastro.

Mensagem: a segurança orienta o título. Contexto: a confirmação do Pix mostra a solução em uso. Próxima ação: o botão de cadastro indica como começar.

2. Sequência da página

Depois da abertura, a página segue a ordem em que as dúvidas aparecem: “Benefícios para o seu negócio”, “O que são chaves Pix?”, “Como começar a vender com Pix”, uma comparação com outras formas de pagamento, “Perguntas frequentes” e um formulário de contato.

3. Um convite principal claro

O mesmo convite, “Faça seu cadastro”, aparece no cabeçalho, na primeira dobra, na faixa “Comece a receber a Pix hoje mesmo” e no e-mail. A ação tem um nome só do início ao fim.

4. Consistência entre formatos

Landing page, e-mail e campanha usam as mesmas cores, a mesma tipografia e o mesmo tom.

5. Leitura visual

Contraste, espaçamento e proporção separam título, texto de apoio e botão, para que o olhar encontre primeiro a mensagem e depois a ação.

Etapa 4 de 7Do esboço à interface

Primeiro, organizar a informação

Os esboços definiram a ordem do conteúdo e a posição das chamadas para ação antes de qualquer cor.

  1. 01Esboço: abertura e benefícios
  2. 02Esboço: dúvidas, passos e comparação
  3. 03Wireframe da landing page

O que observar: a estrutura do esboço chega quase igual ao wireframe; a interface final mantém a ordem e ganha a identidade visual.

Etapa 5 de 7Peças finais

Landing page, e-mail e campanha

Landing page completa

Landing page para visualização: role dentro da janela para percorrer toda a página. Os botões ilustrados não executam ações. Depoimentos, avaliações, números e condições mostrados são elementos do exercício e não representam serviços atuais da SumUp.

E-mail marketing

O e-mail resume a proposta: abre com o essencial, explica o funcionamento em três passos (gerar o QR Code, o cliente paga, você recebe) e repete o botão de cadastro no fechamento.

E-mail de campanha para visualização: role dentro da janela para ler o e-mail completo. Os botões apresentados na arte são apenas ilustrativos.

Peças de campanha

Três argumentos, uma direção visual.

  1. 01Agilidade: formas fluidas reforçam a velocidade
  2. 02Segurança: azul-marinho e composição sóbria
  3. 03Praticidade: mensagem direta para quem empreende

Etapa 6 de 7Resultado e limitações

O que este projeto mostra

O resultado demonstrável é a proposta de comunicação e o conjunto de peças. A intenção era facilitar a compreensão e estimular a adesão, mas, como não houve campanha real, não há aumento de conversão, vendas, cadastros ou engajamento a relatar.

  • Não houve pesquisa com usuários; as decisões partiram do objetivo do exercício e das referências.
  • Neste material, a landing page aparece na versão desktop.
  • Mensagens comerciais das peças pertencem ao exercício.

Etapa 7 de 7Aprendizados

Uma comunicação clara, do primeiro contato à ação

  • 01Hierarquia apoia a compreensãoDestacar a mensagem e a próxima ação ajuda a pessoa a entender a oferta antes de decidir.
  • 02Conteúdo orienta a açãoOrganizar as seções na ordem das dúvidas deixa o cadastro como passo natural.
  • 03Consistência entre peçasMesma paleta, tipografia e tom fazem landing page, e-mail e campanha parecerem uma coisa só.
  • 04Do wireframe à interfaceResolver a estrutura em cinza deixou as escolhas visuais mais seguras.

Próximos passos propostos

  • Testar a compreensão da página com pequenos comerciantes.
  • Adaptar a landing page para o celular.

Próximo projeto

Formio

Organização pessoal que respeita o ritmo de cada pessoa

Contato

Estou em busca da primeira oportunidade em UX/UI, UI ou Product Design. Fale comigo por e-mail, WhatsApp ou LinkedIn.