Meus Assuntos
Ir para o topo
Compartilhar no Facebook Compartilhar no Twitter Compatilhar em outra redeSocial
PP - Landing Page
Landing Page
Equipe
Juliana Ruiz dos Santos, Lucas Souza Passos, Victória Mileski
Orientador(es)
Heli Meurer, Daniela Horta
11 de Abril de 2018
Landing Page

Observação

Definição do Tema

No dia 05/03 a equipe ainda não tinha um assunto em mente, então iniciamos a dinâmica orientada pelo professor. A partir da ação divergente, na qual ficamos 15 minutos em silêncio, cada integrante da equipe colocou em post-its temas que surgiam, um processo semelhante ao brainstorm.

Logo após, realizamos a ação convergente. A equipe reuniu os post-its, verificou as ideias alheias e separou em grupos os assuntos que possuíam afinidade. Distribuímos os temas em 05 grupos.

Na aula do dia 12/03 a equipe recordou as ideias e votou na sua preferida, a mais pontuada foi a escolhida: ``Receitas Históricas``.

Grupos criados:IMG-20180312-WA0013.jpg

Tema escolhido:

IMG-20180312-WA0015.jpg

Definir os Elementos da Landing Page

Nossa Landing Page contará com os itens: Bem-vindo, Sobre Nós, A História, A Receita, Curiosidade e Contato.

Para uma primeira impressão, trabalhamos com uma Page bem autoral, utilizaremos tanto de imagens de alimentos quanto da nossa opinião sobre o que ficaria mais bonito para o tema escolhido. 

  • O Bem-vindo trata-se da apresentação do nome da Page, junto dela utilizamos caixa de textos organizados para falar sobre cada item, logo ficará mais visível e compreensível para o futuro visitante da página. 
  • Sobre nós: Explicaremos um pouco sobre o surgimento do site, motivo pelo qual escolhemos o tema. Utilizando uma fonte menor e mais discreta, um texto de poucas linhas, para que não se torne algo pesado e com muita informação, onde as pessoas tenham dificuldade para a leitura.
  • A história: Cada receita tem uma história e é exatamente sobre isso que iremos falar, como surgiu determinado prato. Apresentando fotos de lugares, citando nomes dos principais responsáveis sobre a receita.
  • A receita: Passo a passo de como fazer. Além de fotos das receitas, aproveitaremos para apresentar os ingredientes e como funciona o modo de preparo, seguindo de video para a melhor percepção. 
  • Curiosidades: Algumas curiosidades sobre determinada receita, além de aprender como se faz e conhecer a história, apresentaremos para nossos visitantes as demais informações para acrescentar no conhecimento. 
  • Para finalizar, o Contato vai servir, exatamente, para questionar suas dúvidas e recebermos dicas de como melhorar a Page, idéias de novas receitas e demais informações que precisarem.

 

Wireframe da Landing Page

Após conversas e pesquisas, decidimos fazer o esboço de como funcionaria a nossa Wireframe da Landing Page, textos organizados nas caixas de textos, de maneira bem compreensível, junto de imagens para a melhor interpretação. 

Em seguida, mais detalhado, apresentamos os seguintes itens:

 

  • Parte superior: contém tópicos para acessar o que for do seu interesse de maneira mais prática, que seria a primeira informação da Page.
  • Sobre nós: contém um breve resumo de introdução ao visitante, apresentado sob uma caixa de texto sobreposta a imagem fotográfica. Logo abaixo é apresentada a receita em destaque.
  • História: conciso texto sobre a história de origem da receita, com texto totalmente alinhado na parte direita da Landing Page. Imagem fotográfica como plano de fundo desta sessão.
  • Receita: compõe-se por uma caixa de texto que consta a receita e o vídeo de preparo do bolo. Logo ao lado, imagem fotográfica representativa. 
  • Curiosidades: apresenta uma caixa de texto que sobrepõe a imagem fotográfica, contendo informação adicional sobre o bolo. Ao lado, imagem fotográfica representativa.
  • Contato: caixa com opção de assinatura de newsletter, com campos para colocar nome, e-mail e mensagem. Abaixo vem o botão de "enviar" e ao lado os ícones de redes sociais da Page.

 

 

30126202_2072525069454517_269159766_o.jpg29920657_2072525202787837_1104588530_n.jpg

Landing Page

Concepção

Layout da Landing Page

Landing page-01.jpg

Link para Mockup online e Apresentação final

Obtivemos o seguinte resultado.

 

Landing Page

Referências Bibliográficas

Recomendadas e Aceitas

Gerais