Cashforce

O desafio

Neste estudo eu tenho como objetivo criar um layout no formato desktop e mobile de uma Landing Page, com entrega de conteúdo rico (ebook), voltada para cadastro de leads, juntamente com a página de obrigado.

Esboço

Inicialmente eu entrei no site da Cashforce e observei o layout e o design system originais (para eu ter uma ideia de como começar o esboço da landing page em um formato compatível com a identidade visual da empresa). Logo em seguida, coloquei no papel a minha ideia inicial de como eu gostaria que ficasse a landing page, o que me deu a oportunidade de observar a interface inicial de uma forma geral e aplicar melhorias.

Wireframe de média fidelidade

Após finalizar o esboço da interface no papel, comecei a desenvolver o wireframe de média fidelidade no Figma, organizando onde cada objeto, texto e imagem deveriam ficar.

Tipografia + paleta de cores

O estilo tipográfico original da Cashforce foi mantido, pois faz parte do design system da identidade visual da empresa.

A paleta de cores foi selecionada a partir das cores originais do design system da Cashforce.

Protótipo de alta fidelidade

Com o wireframe de média fidelidade pronto, comecei a desenvolver o protótipo de alta fidelidade. Um dos meus principais objetivos foi deixar a interface limpa, intuitiva e agradável visualmente, para que o usuário possa utilizá-la confortavelmente. Posicionei dois botões para a realização da captura de leads: um antes da dobra, para quem quer preencher o formulário rapidamente, e outro no final da página, para quem lê tudo antes de decidir. Também foi adicionado um temporizador no topo e no rodapé da página para gerar senso de urgência e incentivar o preenchimento do formulário.