Saltar al contenido
Ma Friend
EN

Colombina

¿Qué es Colombina en internet?

Colombina es una compañía de alimentos que el país reconoce por sus marcas. Diseñamos e implementamos todo su catálogo de productos, que se recorre por categoría y por país, con la información nutricional de cada uno, sin quitarle protagonismo a la campaña de marca.

Pantallas

La marca
La marca
El catálogo
El catálogo
La compañía, más allá del producto
La compañía, más allá del producto
Qué escuchamos
El portal no puede elegir entre campaña y utilidad. Inversionistas, proveedores, clientes y quien busca información nutricional llegan al mismo dominio.
Qué recomendamos
Video de marca primero y catálogo justo después. Un solo CMS para todas las secciones. Búsqueda de productos en el header. Mantener Flama, la tipografía propia de la marca.

Lectura

  1. 01

    El azul manda, el producto pone el color

    Logo y menú van en azul sobre blanco. Cada categoría lo invierte: un fondo saturado con el producto recortado encima.

  2. 02

    Video, luego catálogo

    La primera pantalla es un video. Debajo empieza el catálogo de productos. Primero la campaña, después la utilidad.

  3. 03

    Un CMS, muchas secciones

    Nosotros, sostenibilidad, noticias, empleo, inversionistas, proveedores y clientes comparten la navegación sin ser el mismo tipo de página.

Decisiones

  • La marca habla primero. El catálogo viene justo después.
  • La búsqueda de productos vive en el header.
  • En móvil, el menú, el logo y las opciones extra no compiten con el video.

En internet

Diseñamos, desarrollamos e implementamos todo el catálogo de productos.

React con un CMS en Laravel. El front del catálogo usa Bootstrap, jQuery y Owl Carousel.

Visibilidad

Catálogo por categorías y marcas con información nutricional, además de noticias, sostenibilidad, empleo y secciones para inversionistas, proveedores y clientes, con selector de país.

Visitar sitio

Paleta

  • Azul Colombina · #1428BFMarca, titulares, menú
  • Azul claro · #384FFFInteracción
  • Rojo · #E22307Acento
  • Verde · #78B13FSeñal secundaria

Tipografía

  • FlamaVoz propietaria de marca

Relacionados