Saltar al contenido

Idioma: ES EN

Portada del sitio de Retina by PRANA

05 / 38 · Website

Retina by PRANA

Año En vivo · producción activa

Cliente Retina — unidad especializada en branding de PRANA

Rol Diseño web · Desarrollo full-stack · Integración de casos

Stack PHP HTML5 · CSS3 JavaScript · jQuery GSAP + ScrollTrigger Masonry Swiper Video en loop

URL retina.com.py Ver el sitio

El sitio de la marca dentro de la marca: Retina es la unidad de branding de PRANA, y su web tenía que demostrar en sí misma lo que la unidad vende. Un sitio negro, tipográfico y en movimiento, construido alrededor de una idea literal — la retina, el ojo, la mirada — donde cada scroll es una transición y el portfolio de marcas es el argumento.

El concepto

Una agencia con más de 20 años construyendo marcas en Paraguay decide separar y darle nombre propio a lo que mejor sabe hacer: branding, identidad visual y packaging. Eso es Retina — "el resultado natural de ese recorrido", como dice el propio sitio.

Para un cliente que está por decidir la identidad de su marca, este sitio es la prueba antes del contrato: entra y ve Santo Tomás, Don Vito, el cambio histórico de Farmacenter, bènat, Keiki Bistró, los packs de Purosol. Casos con cliente y año, no promesas. Y ve, sobre todo, una web que se comporta como se comporta una buena identidad: coherente, con carácter y sin ruido.

Negro absoluto con textura de grano, tipografía monoespaciada y titulares en mayúsculas enormes. La marca es un ojo: la home abre con luz en movimiento vista a través de una lente circular, y el logo —RE/TI/NA en tres líneas dentro de un círculo— se despliega a pantalla completa mientras se hace scroll. Las grillas de trabajos son masonry y los casos abren con la foto a sangre. Un encargo interno con la vara más alta: el cliente es la propia agencia, y el sitio tiene que estar a la altura del branding que muestra.

Las secciones

Pantallas

13 pantallas

Menú overlay con los ítems numerados 01–06 — Retina by PRANA
Menú overlay con los ítems numerados 01–0602 / 13
Nosotros: ojo tridimensional pintado con las curvas de la identidad — Retina by PRANA
Nosotros: ojo tridimensional pintado con las curvas de la identidad03 / 13
Nosotros: el logo RE/TI/NA a pantalla completa, animado con el scroll — Retina by PRANA
Nosotros: el logo RE/TI/NA a pantalla completa, animado con el scroll04 / 13
Nosotros: manifiesto — creatividad y estrategia con visión de negocio — Retina by PRANA
Nosotros: manifiesto — creatividad y estrategia con visión de negocio05 / 13
Nosotros: cierre y pase a Trabajos — Retina by PRANA
Nosotros: cierre y pase a Trabajos06 / 13
Trabajos: portada con esfera espejada — Retina by PRANA
Trabajos: portada con esfera espejada07 / 13
Trabajos: grilla masonry — Santo Tomás, Don Vito, Farmacenter — Retina by PRANA
Trabajos: grilla masonry — Santo Tomás, Don Vito, Farmacenter08 / 13
Trabajos: bènat, Keiki Bistró y packaging 3D — Retina by PRANA
Trabajos: bènat, Keiki Bistró y packaging 3D09 / 13
Trabajos: Dinos (Purosol) y Pulp Mini — Retina by PRANA
Trabajos: Dinos (Purosol) y Pulp Mini10 / 13
Caso Santo Tomás: portada con cliente y año de lanzamiento — Retina by PRANA
Caso Santo Tomás: portada con cliente y año de lanzamiento11 / 13
Caso Santo Tomás: el concepto — de la estrategia y el naming a los packs — Retina by PRANA
Caso Santo Tomás: el concepto — de la estrategia y el naming a los packs12 / 13
Caso Santo Tomás: packs y piezas en video y foto — Retina by PRANA
Caso Santo Tomás: packs y piezas en video y foto13 / 13