UNO de 50

Motion Graphics

Pruebas de animación sobre las piezas gráficas del rebranding de la marca.

Proyecto privado, no compartir.

Icono animado

Pruebas de animación del elemento principal del logotipo de UNOde50.

Todas las pruebas realizadas se hicieron teniendo en cuenta el carácter orgánico de las formas.
Se busca acentuar la estética fluida con la creación en forma de líquido, como si fuera un fluido que genera la silueta.

El último de los vídeos muestra algunas exploraciones descartadas, pero tal vez viene bien tenerlas por si nos encajara algún recurso para alguna otra pieza periférica.

https://vimeo.com/875959039/ebdf1cb8ad?share=copyhttps://vimeo.com/875959073/92bd0a3c2f?share=copyhttps://vimeo.com/875959056/1693e5ad30?share=copyhttps://vimeo.com/875959542/b38b874930?share=copy

Logotipo animado

Pruebas de animación que inluyen el texto "de 50", que acompaña al icono "UNO".
Todas las pruebas han usado como elemento principal la animación favorita de creación del icono, pero podrían reemplazarse con cualquier otra animación de entrada.

Se han realizado 3 pruebas con el texto fuera del icono, para las versiones reducidas del logotipo.
Adicionalmente se ha realizado una animación extra con el texto "de 50" integrado dentro del icono.

https://vimeo.com/875959465/0a34843aa2?share=copyhttps://vimeo.com/875959493/0117a0655a?share=copyhttps://vimeo.com/875959480/0621403065?share=copyhttps://vimeo.com/875959514/f57aee904e?share=copy

Animación de posters

Pruebas de animación sobre los diseños de los diferentes posters.

https://vimeo.com/875949285/448ff56b7e?share=copyhttps://vimeo.com/875948585/9e6ae20568?share=copyhttps://vimeo.com/875955514/3e47b462d1?share=copyhttps://vimeo.com/875955632/06913c1d86?share=copyhttps://vimeo.com/875955563/2f7ab6e5ba?share=copyhttps://vimeo.com/875950496/09a7dcc8bd?share=copyhttps://vimeo.com/875955708/510ec139c7?share=copyhttps://vimeo.com/875956282/2974353f6d?share=copyhttps://vimeo.com/875955798/bbb7807b02?share=copy

Visuales en retail

Pruebas de animación para los visuales que se mostrarán en tienda.

Además de las versiones verticales que teníamos con los posters animados, se han realizado 3 pruebas adicionales horizontales con el mismo lenguaje gráfico:

La primera para mostrar fragmentos de vídeo mientras se revela con la mancha orgánica.
La segunda remarcando el claim de la marca.
La tercera a modo de carrusel para mostrar varias fotos (Idealmente de una misma temática).

https://vimeo.com/876346585/017c5cf9e3?share=copyhttps://vimeo.com/876346496/1c33e2d848?share=copyhttps://vimeo.com/876346948/af51442d50?share=copyhttps://vimeo.com/876347092/ce25f511b4?share=copyhttps://vimeo.com/876346763/4141987746?share=copyhttps://vimeo.com/876346714/7f6fcf40cc?share=copyhttps://vimeo.com/876346647/e7abd1a1e5?share=copy

Interfaz web

Pruebas de animación para emular lo que sería la navegación por la nueva web.

Hemos generado lo que sería el scroll a través de la web, pasando por las diferentes secciones y añadiendo algunos elementos animados para dar la sensación de navegación real:

Icono de carga al comienzo empleando el logotipo animado.
Construcción de la "home".
Ejemplo de galería de productos, donde al pasar el cursor sobre uno de los productos, este aparece en una foto real. También hemos añadido un pequeño slide horizontal.
Del resto de secciones únicamente aparecen las portadas con el efecto de "Parallax", desfasando el desplazamiento en el eje Y a la vez que se hace el scroll, dando así más profundidad a la web.

https://vimeo.com/877178932/b92c002edb?share=copyhttps://vimeo.com/877447690/06a7205b3b?share=copy

Presentación WIP

Published by davidrubmar@gmail.com in Uncategorized

UNO de 50 – Motion graphics