Categories

Tipografía — Contexto visual y tecnológico

TODOS MERECEN UN BUEN QUESO Y QUE EL PLANETA NO ESTÉ EN LLAMAS

Nobel Foods es una compañía de queso a base de plantas, que taclea la crisis climática y la crueldad animal. Según Forbes:

“Nobel Foods diseña productos lácteos a base de plantas, buscando nuevas formas de reinventar nuestros clásicos favoritos utilizando soja modificada genéticamente”.

Su producto innovador es tan interesante como la arquitectura de información que presentan en su web. Su diseño responsive es sumamente efectivo, brindándole al usuario una cómoda navegación desde cualquier dispositivo.

Página inicial de la interfaz desde una computadora.
Página inicial de la interfaz desde un celular.

Esta pantalla es la única con un diseño horizontal de carrusel infinito, las demás tienen un formato de sábana. La disposición de los elementos estáticos (marca y menú) varían dependiendo la pantalla y presentan un diseño web intuitivo. 

Desde la computadora, el usuario tiene una vista amplia de la página de modo que es fácil moverse con los cursores. ”Nobell” está marginado a la izquierda y el menú horizontal centrado. Al pararte con el cursor sobre una opción, cambia de color.

Componente web, menú horizontal desde una computadora.

En el celular, se desliza para revelar el contenido completo. El nombre de la marca está centrado y el menú de hamburguesa marginado hacia la derecha, el cual además de cambiar el formato, cambia la interacción: al tocarlo, este gira sus rayas horizontales formando una cruz.

Componente web, menú vertical desde un celular.

Los textos están segmentados en paquetes de información sintéticos acompañados de fotos o ilustraciones, creando una lectura liviana. Casi todos los elementos y componentes web están en constante movimiento creando interacción. Esta marca busca captar a un público joven con conciencia acerca del cuidado de la tierra y los animales, con una estética muy diferente a la de otros productos veganos. Desde tipografías que emulan la estética de los videojuegos pixel art y stickers ochenteros, hasta las que simulan estar creadas a mano con un pincel. Esta vasta variedad reúne elementos nostálgicos y los juntan de manera maximalista, un recurso bastante usado en el mundo del diseño gráfico en los últimos años.

Vista de una página que demuestra el uso de las distintas tipografías, imágenes fotográficas, ilustraciones formato sticker y lineal.

En cuanto a la tipografía, utiliza Mustang Display (fuente caligráfica retro) para textos de lectura y Ryden Regular (fuente display de escritura manual) para títulos y resaltados. Ambas cuentan con un aspecto orgánico que estructuran el diseño de la interfaz, son web fonts y tipografías fluidas, es decir que son descargadas por el navegador instantáneamente y se escalan a la pantalla. 

Tipografía RYDEN
Tipografía Mustank

Al comparar la marca con otras del rubro, como NotCo, vemos que son bastante distintas. Utiliza múltiples recursos gráficos, pero a diferencia de Nobell, se centran en imágenes fotográficas y una única tipografía palo seco.

Feed de Instagram de una empresa vegana que produce distintos tipos de alimentos veganos, llamada NotCo.

En conclusión, creemos que la tipografía toma un papel clave en la identidad de la marca analizada, conjugando bien con los recursos visuales empleados. Logran unir diversos estilos y hacerlos dialogar de manera armónica, destacándose así entre otras empresas que producen similares productos. ¿Quién dijo que la concientización no podía verse así de bien?

Fuentes:

Intagram Nobell

Tipografía Ryden

Tipografía Mustank

Entrevista Forbes

“Tendencias Diseño Gráfico 2023:Estilo plano retro de los años 70”

Las tendencias de diseño gráfico más interesantes para 2023