flecha

Cafés El Criollo es una empresa cafetera que cuenta con más de 100 años de historia. Su especialidad se centra en seleccionar el café de las mejores fincas del mundo y tostarlo de forma natural y tradicional.

Año/ 2022

Cliente/ Cafés el Criollo

Website/ cafeselcriollo.com

Su gran experiencia en el sector les ha llevado a desarrollar sus propios sabores, que garantizan un resultado excelente con el que disfrutar de una buena taza de café.

El Criollo registrado en 1910

Briefing

La prioridad de este proyecto era crear un e-commerce para los más cafeteros. El trabajo que se hizo en la página web de Cafés El Criollo fue una remodelación de la que ellos ya tenían previamente. Era una web más bien corporativa que, estéticamente, seguía una gama cromática de naranjas y, en cuanto a su usabilidad, estaba poco enfocada a la venta.

El cliente tenía muy claro que quería mantener un cuerpo web corto, que no obligase al usuario a hacer mucho scroll para recorrerla de principio a fin. También nos pidió mantener sus dos líneas de negocio en una misma página web: la venta directa a cliente y la sección de hostelería.

Diseño web creado para Cafés el criolloBarista haciendo dibujo en el cafe de cafes el criollo

Objetivo

Nuestro objetivo era crear una página web intuitiva y dirigida a la venta de productos tanto a particulares como a negocios. Para ello, lo primero que hicimos fue definir, desde cero, la arquitectura de la información, es decir, qué información queríamos dar y cómo debería estar organizada.

Para ello, se hizo una selección de categorías de producto basada en un análisis previo del comportamiento de los usuarios, lo que nos permitió conocerlos mejor y así, crear una web enfocada en el cliente 100%.

4
Logo de Cafés el CriolloDiseño web creado para Cafés el criollo por Birdcomcreatividad cafégrano de cafe el criollo

Solución

En cuanto a la estructura de la home, es sencilla e intuitiva. En la parte superior encontramos un menú principal que nos permite navegar por la página de El Criollo y conocer todos sus productos, así como su historia y su coffee store.

También, en la home, introdujimos un buscador de productos que agilizase el proceso de compra del usuario, evitando así que tuviera que navegar por la página para encontrar lo que estaba buscando; los usuarios valoran que se les faciliten las cosas al máximo.

Al ser una web enfocada a la venta y a la experiencia de usuario, el resto del cuerpo de la home esta dedicado a una selección de los productos más destacados.

Las páginas de producto tienen una distribución que facilita la lectura de la misma gracias a los espacios blancos que ayudan a descansar la vista, fotografías claras y un desplegable que permite seleccionar al cliente el formato en el que desea recibir su café. Además, para llegar a ellas el usuario dispone de una serie de filtros que le ayudan a encontrar más rápidamente lo que está buscando.

Por último, cabe destacar que se trata de una web con diseño responsive, es decir, que está programada para que nuestro sitio web se adapte y responda de manera efectiva a diferentes dispositivos y tamaños de pantalla que pueda tener el usuario.

1
Web responsive para movil