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.

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
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.
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.
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.
01Esboço: abertura e benefícios 02Esboço: dúvidas, passos e comparação 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

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.

Peças de campanha
Três argumentos, uma direção visual.
01Agilidade: formas fluidas reforçam a velocidade 02Segurança: azul-marinho e composição sóbria 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.
- E-mailpauloperesuxui@gmail.com
- WhatsApp(19) 99982-8490
- LinkedInlinkedin.com/in/paulo-peres-uxui