LinguaGo - Landing Page Design & Prototype
LinguaGo - Landing Page Design & Prototype
por Gustavo Alves @gustavo_alves
- 176
- 3
- 0
Introdução
Criei uma landing page focada em captar alunos para uma plataforma de cursos de inglês online. Optei por este projeto pois é algo que possui alta demanda no mercado, e que continua se atualizando conforme o tempo passa.

Suprimentos
Usei uma lousa e canetinhas para fazer o wireframe e o Figma para "dar vida" a tudo isso 😂

Etapa 1: briefing e copy
O alicerce de um bom projeto está na clareza do briefing e nas opções que a copy proporciona para o designer. Por isso, gastei boas horas nesta etapa!

Etapa 2: wireframe
Desenhar as seções da página é algo que julgo bastante importante também! Fazer mais de uma opção para cada uma das seções me ajuda muito, inclusive, a não fazer uma página monótona e deixar a leitura mais dinâmica e leve.

Etapa 3: style guide
Visando a melhor coerência visual, o style guide foi uma etapa essencial para a construção do projeto. Ele garantiu que todos os elementos tivessem harmonia na página.

Etapa 4: components
Aqui eu defini quais componentes eu iria utilizar na página e fiz algumas variações dos mesmos.

Etapa 5: Landing Page Design
Agora que nossa base foi estruturada, chegou a hora de construir a página em si, seguindo aquilo que propusemos nas etapas anteriores. Este foi o resultado:

Etapa 6: prototipação
E por fim, temos o protótipo da página, com os botões funcionando de acordo com suas funções!
0 comentarios
Entra o únete Gratis para comentar