A partir do briefing fornecido para o desenvolvimento do protótipo de e-mail e da landing page, foram empregados diversos recursos para capturar e traduzir o conceito da marca SumUp. Entre esses recursos, incluíram-se estudos de paleta de cores e tipografia, moodboard, key visual e wireframe.
Projeto produzido durante o curso de UX / UI pela EBAC (Escola Britânica de Artes Criativas)
Duração do projeto
10 meses
Sobre o projeto
.png){kind=small}
O desafio:
Explorar novas tipografias e cores que reflita o conceito da marca e desenvolver um layout que se conecte com o usuário.
.png){kind=small}
A meta:
Criar um layout de e-mail e uma landing page com uma arquitetura da informação bem estruturada, proporcionando uma excelente experiência ao usuário.
.png){kind=small}
Minha função:
UX / UI Designer
.png){kind=small}
Responsabilidades:
Tive sob minha responsabilidade realizar as seguintes atividades: Exploração visual, Key Visual, Moondboard, wireframe e protótipo.
.png){kind=small}
Resultado:
Protótipos de e-mail e landing page que incorporam novos elementos sem comprometer a identidade da marca. A arquitetura da informação é cuidadosamente aplicada, resultando em um layout que proporciona uma experiência agradável ao usuário
O Processo de Desenvolvimento
dos Criativos
Exploração visual
Nesta etapa, testei diferentes combinações até encontrar aquela que ressoava perfeitamente com o conceito da marca. Cada cor, cada letra escolhida parecia pulsar com a essência que desejava transmitir.
Tipografia
Tipografia Roboto
Cores
Paleta de Cores
Combinação de Cores
Key visual
Com a base visual estabelecida, para o próximo desafio: a criação do Key Visual. Este elemento se tornaria o farol da identidade da marca, reunindo todas as escolhas feitas até ali. O Key Visual não apenas destacava a tipografia e as cores, mas também capturava o tom de voz da marca, fazendo com que cada elemento visual contasse uma parte da história. Era uma representação clara do que a marca se propunha a ser, uma declaração de intenções.
Moodboard
Para consolidar essa visão, criei dois moodboards.
Conceitual
Este painel se transformou em uma ferramenta indispensável, capaz de comunicar a essência do projeto de forma clara e inspiradora. Com imagens, texturas e referências, o moodboard era um convite mergulhar na atmosfera da nova marca, facilitando a conexão entre a criatividade e a experiência do usuário.
Gráfico
O moodboard gráfico reuniu imagens, texturas, tipografias, cores, tom da voz e outros elementos visuais que serviram de inspiração para o design. Ajudou a visualizar e capturar a estética desejada para o projeto
Sketches e Wireframes
Armada com o briefing e toda a inspiração, me sentei com papel e caneta para deixar as ideias fluírem. Os esboços do layout do e-mail e da landing page começaram a tomar forma, levando à criação do wireframe. Este esboço finalizou a jornada de transformação, reunindo os melhores conceitos em uma estrutura funcional e intuitiva.
Sketches E-mail Sumup
Sketches Landing Page Sumup
Wireframe
E-mail e Landing Page Sump
Por fim, após todo o intenso processo criativo, da landing page e do e-mail ganharam vida, refletindo a nova identidade da marca de maneira vibrante e atraente. A seguir, apresento as artes desenvolvidas, que capturam a essência da marca e proporcionam uma experiência visual envolvente para os usuários.
Conclusão:
Um Processo de Aprendizado
Através deste processo criativo, aprendi que cada etapa de desenvolvimento de um projeto de UX/UI é fundamental para a construção de uma identidade de marca sólida e significativa. A exploração visual me ensinou a importância de escolher cuidadosamente cores e tipografias que realmente representem a essência de uma marca.
A criação do Key Visual mostrou como uma narrativa coesa pode unir todos os elementos de design. Além disso, o moodboard me ajudou a compreender o valor da inspiração visual na comunicação de ideias.
Desenhar o wireframe revelou a importância de estruturar a experiência do usuário de forma intuitiva, garantindo que cada interação seja fluida e significativa. Esse processo me proporcionou não apenas habilidades técnicas, mas também uma visão mais ampla sobre como conectar a criatividade à funcionalidade. Cada projeto é uma oportunidade de aprender e evoluir.