Como eu fiz uma landing page de teste para um freela
No final do ano passado abri minha agenda para alguns freelas e esse em específico exigiu um teste simples para eu poder pegar o projeto.
Vou mostrar como eu recebi o projeto até o resultado final.
Briefing
Negócio: Velas Aromáticas
Objetivo: Aumentar as minhas vendas e ter uma participação online mais forte
Cenário Atual: Vende as velas através dos marketplaces mais conhecidos, como Mercado Livre e Shopee
Foco: Não é venda, porém gostaria de algo que direcionasse
Extras
Público Alvo: de 25 a 50 anos
Marca: Moderna e Jovem
Cores e Tom de Voz: Cores vibrantes e tom de voz mais despojado
Branding: Representar modernidade e gerar identificação, mesmo o ramo de velas sendo algo voltado para a sutileza e elegancia
Cores
Roxo: Nobreza, realeza, espiritualidade, saúde, bem estar
Laranja: Representa o entusiasmo, fascínio, alegria, criatividade, determinação, atração, sucesso, encorajamento e estímulo
Tipografia
Nunito: Para os títulos, é uma fonte de boa leitura e ao mesmo tempo mais despojada, uma vez que ela é mais arredondada, trazendo uma leveza para o usuário.
Rubik: Para os textos, pois é uma fonte sem serifa e de fácil leitura para textos “corridos”
Wireframe
Depois de entender o que precisava ser feito e com o guia de estilo resolvido, fui procurar algumas referências sobre bem estar, velas, cores etc.
Rabisquei em um papel mais ou menos o que eu queria e partir para o Wireframe
UI
Agora foi a hora de colocar cor e vida no wireframe, como o laranja e o roxo são cores bem fortes e chamativas, tomei muito cuidado para não "brigarem" na interface.
Além de mostrar as velas que são os produtos e imagens que transmitem a sensação de bem estar e leveza, tanto no Header quanto na terceira dobra.
Como o ponto forte é vender mais em marketplaces, também trouxe os comentários de clientes que compraram da loja.
E esse é o resultado final:
Eai, o que achou? Deixe seu comentário e não esquece de se conectar comigo lá no linkedin😁
Comments