Esta página também está disponível em português. Ver em português

This page is also available in English. View in English

Alimentos y bebidas · Marca de alimentos

Sitio que da a conocer una marca de alimentos en la fase de prelanzamiento, con animaciones interactivas

Resumen del proyecto

Sector
Alimentos y bebidas
Tamaño de la empresa
Marca de alimentos
Servicios
Ilustración de un sitio promocional de prelanzamiento, con elementos animados en una secuencia de cuadros

El problema

Una marca de alimentos necesitaba un sitio promocional para la fase de prelanzamiento. La propuesta era un sitio con animaciones interactivas, construidas con la técnica de sprites: cuadros de imagen que se muestran en secuencia para crear movimiento.

Lo que se acordó

Alcance priorizado
El sitio promocional de prelanzamiento de la marca, en dos partes: el sitio en sí, construido con HTML y JavaScript, y las animaciones interactivas que muestra, hechas con la técnica de sprites.

Lo que se entregó

Un sitio promocional para el prelanzamiento de la marca, con animaciones interactivas que responden al visitante.

Para quién

El sitio se hizo para una marca de alimentos, en la fase de prelanzamiento, y para quienes visitaran la página en ese período.

Cómo funciona

Con la técnica de sprites, el código muestra los cuadros de imagen de un movimiento uno a la vez, en secuencia; el cambio rápido entre ellos crea la ilusión de animación.

La tecnología, en palabras simples

  • HTML: lenguaje que organiza el contenido de una página web, como textos, imágenes y botones; es la base del sitio.
  • JavaScript: el lenguaje de programación de la web, que le da comportamiento a las páginas en el navegador y también corre en servidores; se empleó junto con el HTML para construir el sitio y sus animaciones interactivas.

Cómo fue

  1. Diagnóstico

    Al inicio

    Conversación inicial para entender el pedido y el problema del cliente.

  2. Sprint de Descubrimiento

    Antes de construir

    Se entendió el problema y se definió el alcance.

  3. Desarrollo

    En 2016

    Construcción con entregas parciales a lo largo del proyecto, y no una sola entrega al final.

  4. Mantenimiento y evolución

    Después del lanzamiento

    El sitio siguió con mantenimiento.

Ficha técnica

Tecnologías usadas en este proyecto

  • HTML
  • JavaScript

Otros proyectos

¿Quieres algo parecido?

Cuéntanos tu caso en un diagnóstico gratuito de 45 minutos y recibe nuestras conclusiones por escrito.

Gratuito y sin compromiso de contratar

São Paulo, Brasil