Meus Assuntos
Ir para o topo
Compartilhar no Facebook Compartilhar no Twitter Compatilhar em outra redeSocial
PP - Landing Page
Primeiro das ultimas
Equipe
Débora Skoropad, Gabriel Vacaro Rodrigues, Gregório Centeno
Orientador(es)
Heli Meurer, Daniela Horta
11 de Abril de 2018
Primeiro das ultimas

Observação

Definição do Tema

A partir de uma dinâmica de ação divergente e convergente, o grupo anotou em post its ideias que podeiam servir de base para a criação de uma Landing Page. Após 15 minutos, reunimos os post its e separamos os mesmos em grupos, sendo eles:

 

1- Serviços de criação:

IMG-4882.jpg

 

Temas do grupo:

-VR e UX

-Aplicativo multi tarefa

-Brainstorm para criação de animações

-Serviço de criação de Landing Pages

 

2- Inovação

IMG-4883.jpg

 

Temas do grupo:

-Inovação tecnológicas

-Sapatos ecológicos

-Futurista

-Mundo Geek

-Bike iluminada

 

3- Estilo de vida

IMG-4884.jpg

Tema do grupo?

-Lifestyle de acessórios nature

-Coisas para se fazer

-Pacotes de viagem

-Comidas para cada ambiente

 

O grupo selecionado foi o número 1 (Serviços de criação).

Com o tema em mãos, decidimos voltar nosso foco para algo que o mercado pede e possui certa dificuldade em encontrar: bons animadores e, mais especificamente, bons usuários de After Effects. Entretanto, criar algo para quem já utiliza o software não foi uma ideia bem vista, logo, partimos para a ideia de criar uma Landing Page demonstrativa do software com intenção final de vender um curso para o mesmo.

 

Definir os Elementos da Landing Page

Título:

 insAEght

 

Partindo da ideia de Landing Page, criamos 4 divisões na página, sendo elas:

1- Anime-se: Parte focada em demonstrar a "arte do Motion Graphic";

2- Visualize : Parte focada em demonstrar os "efeitos visuais" como Chromas aplicados;

3- Crie: Área voltada para exemplificar um processo de criação no AE com imagens ilustrativas e GIF;

4- Inscreva-se: Área reservada para sugestão do curso.

Wireframe da Landing Page

À partir das conversas entre os integrantes do grupo e busca de referências, chegamos ao seguinte WireFrame:

Untitled-1.jpg

Primeiro das ultimas

Concepção

Layout da Landing Page

Com base na ideia em imagem em movimento (AE), foi aplicado imagens no qual há algum tipo de transformação em suas formas. Foi sugerido que fosse aplicado gotas de tinta que se transformam em fumaças coloridas e vice-versa, então através da ideia podemos visualizar melhor a comunicação no qual a LP quer transmitir. 

Utilizamos exemplos de Lorem Ipsum para termos uma ideia de como ficaria o layout com textos.

insAEght2.jpg

Link para Mockup online e Apresentação final

Após finalizações de arte, obtivemos o seguinte resultado.

Primeiro das ultimas

Referências Bibliográficas

Recomendadas e Aceitas

Gerais