top of page
ESTUDO DE CASO
UI Study with Pix
Encontrar uma identidade que converse com as duas marcas sem destoar da linguagem principal do banco
MEU PAPEL
SOLO, estudar possíveis designs e layouts para o projeto
DURAÇÃO
(2023) Setembro
SOFTWARES
- Figma
- Notion
INTRODUÇÃO
Como somar duas identidades sem produzir ruídos
Este projeto teve como objetivo estudar uma identidade visual que somasse a essência de ambas as marcas, Sumup e Pix, sem destoar ou fugir do Brand Book do banco Sumup. Em seguida, aplicar esta identidade em uma Landing Page e um E-mail Marketing para exemplificar sua aplicação.
DESK RESEARCH
Gerando uma Nuvem de Palavras
Após uma extensa pesquisa em suas plataformas digitais e em seu Brand Book, concluí que a principal missão da Sumup era a de empoderar donos de pequenos negócios. Ela é uma marca ousada, empática, honesta e moderna.
Já o Pix é simples e dinâmico, trazendo conveniência e rapidez para o usuário. A marca tem o objetivo de ser fácil, versátil e integrada.
MOODBOARDS
Estudando caminhos
A partir da Nuvem de Palavras, escolhi 3 delas que poderiam me gerar bons conceitos de design para esse projeto. Para cada uma dessas palavras, criei um moodboard com referências visuais.
PRÁTICO
VERSÁTIL
DETERMINADO
Definindo um conceito
Os moodboards me possibilitaram criar três Key Visuals diferentes para estudar qual deles se encaixariam melhor na proposta do estudo. Desta forma, acabei optando pelo conceito PRÁTICO, por acreditar que esse fosse o conceito que mais se encaixou em ambas as marcas, tanto na questão visual quanto na questão conceitual.
VERSÁTIL
Esse conceito acabou ficando muito distante da identidade do banco, algo que causaria muita estranheza para os usuários e um ruído em ligá-lo com a imagem do banco. Por este motivo, este KV foi descartado.
PRÁTICO
Esse KV conseguiu trazer um impacto visual mais expressivo, sem destoar completamente da identidade do banco. Mantendo-se bem minimalista e clean, como na identidade da Sumup, este conceito trouxe consigo algo que chamasse a atenção de uma forma sutil. Por este motivo, este KV foi o escolhido.
DETERMINADO
Esse conceito até casou muito bem com a identidade do banco. Entretanto, ele acabou não sendo tão impactante para chamar a atenção dos usuários e criar uma memória visual mais apelativa. Por este motivo, este KV foi descartado.
SKETCHES
Soluções em papel
Antes de prosseguir para qualquer diagramação digital, rascunhei diversos soluções de layouts, tanto para o email quanto para a landing page. Abaixo estão os meus estudos:
WIREFRAMES
Diagramação digital
Antes de prosseguir para qualquer diagramação digital, rascunhei diversos soluções de layouts, tanto para o email quanto para a landing page. Abaixo estão os meus estudos:
LANDING PAGE
EMKT
RESULTADOS
Diagramação final
Nesta etapa, apenas precisei desdobrar o Key Visual escolhido nos Wireframes criados. Aqui, tentei manter as coisas mais clean e com o elemento da linha sempre conectando ou trazendo a ideia de conectividade e versatilidade que o projeto precisa.
LANDING PAGE
EMKT
Obs: As dimensões de ambas as peças não são fiéis às originais!
REFLECT & GROW
Aprendizados do projeto
Neste projeto entendi a importância de fazer muitos rascunhos em papel antes mesmo de qualquer processo no computador. Isso salva muito tempo e nos dá muita liberdade pra pensar em soluções diferentes.
Certamente, isso é algo que carregarei comigo e tentarei sempre aplicar em meus projetos futuros.
bottom of page