This page is also available in English. View in English

Esta página también está disponible en español. Ver en español

Alimentos e bebidas · Marca de alimentos

Site que divulga uma marca de alimentos na fase de pré-lançamento, com animações interativas

Resumo do projeto

Setor
Alimentos e bebidas
Porte
Marca de alimentos
Serviços
Ilustração de um site promocional de pré-lançamento, com elementos animados em sequência de quadros

O problema

Uma marca de alimentos precisava de um site promocional para a fase de pré-lançamento. A proposta era um site com animações interativas, construídas com a técnica de sprites: quadros de imagem exibidos em sequência para criar movimento.

O que foi combinado

Escopo priorizado
O site promocional de pré-lançamento da marca, em duas partes: o site em si, construído com HTML e JavaScript, e as animações interativas que ele exibe, feitas com a técnica de sprites.

O que foi entregue

Um site promocional para o pré-lançamento da marca, com animações interativas que respondem ao visitante.

Para quem

O site foi feito para uma marca de alimentos, na fase de pré-lançamento, e para quem visitasse a página nesse período.

Como funciona

Na técnica de sprites, o código mostra os quadros de imagem de um movimento um de cada vez, em sequência; a troca rápida entre eles cria a ilusão de animação.

Tecnologia, em linguagem simples

  • HTML: linguagem que organiza o conteúdo de uma página web, como textos, imagens e botões; é a base do site.
  • JavaScript: linguagem de programação da web, que dá comportamento às páginas no navegador e também roda em servidores; foi usada com o HTML para construir o site e as suas animações interativas.

Como foi

  1. Diagnóstico

    No início

    Conversa inicial para entender o pedido e o problema do cliente.

  2. Sprint de Descoberta

    Antes de construir

    O problema foi entendido e o escopo, definido.

  3. Desenvolvimento

    Em 2016

    Construção com entregas parciais ao longo do projeto, e não tudo só no fim.

  4. Sustentação e evolução

    Depois de entrar no ar

    O site seguiu em sustentação.

Ficha técnica

Tecnologias usadas neste projeto

  • HTML
  • JavaScript

Outros projetos

Quer algo parecido?

Conte o seu caso em um diagnóstico gratuito de 45 minutos e receba uma devolutiva por escrito.

Gratuito e sem compromisso de contratar

São Paulo, SP