• Eliane Félix

LoneWolf Candles

Atualizado: 10 de nov.

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:




Protótipo navegável

Eai, o que achou? Deixe seu comentário e não esquece de se conectar comigo lá no linkedin😁




18 visualizações0 comentário

Posts recentes

Ver tudo