Volver a proyectos

Caso de estudio / Plataforma gastronómica / Web y CMS

Alacarta

Diseño web, CMS y experiencia de usuario para una plataforma que reúne contenido gastronómico, lugares y productos.

Servicio
Diseño de productos y experiencias digitales
Especialidad
Diseño web · Diseño de CMS · UX / UI
Diseño
Jesus Tabaco

Contexto y alcance

Contenido y catálogo dentro de una misma experiencia.

Para Alacarta trabajé en el diseño web, el diseño del CMS y la experiencia de usuario. La propuesta conecta las notas gastronómicas con la guía de lugares y la presentación de productos, manteniendo una estructura común entre secciones.

La portada utiliza fotografía de gran formato para destacar las historias principales. La navegación separa notas, restaurantes, sommelier, recetas y guía, ofreciendo distintas entradas al contenido.

Alacarta: Diseño de la página principal de Alacarta
Diseño de la página principal de Alacarta

Diseño editorial

Una grilla que da lugar a distintos formatos.

Las tarjetas combinan imagen, categoría, título y una introducción. La composición permite alternar notas, entrevistas, eventos y espacios promocionales sin darles a todos el mismo peso visual.

En las internas, la imagen de apertura introduce el artículo y el texto ocupa una columna definida. Los contenidos de apoyo y las notas relacionadas acompañan la lectura sin interrumpir su secuencia.

Alacarta: Portada editorial e interna de artículo
Portada editorial e interna de artículo

Guía y catálogo

De explorar un lugar a consultar un producto.

Las fichas de lugares reúnen fotografías, descripción y datos de consulta. Las vistas de catálogo ordenan los productos en tarjetas con una imagen protagonista y una acción que permite continuar hacia el detalle.

El naranja rojizo destaca títulos, accesos y botones sobre superficies claras u oscuras. Las alineaciones y los componentes recurrentes mantienen una relación visual entre las áreas editoriales y comerciales.

Alacarta: Guía de lugares y grillas de contenido
Guía de lugares y grillas de contenido
Alacarta: Presentación del catálogo de productos
Presentación del catálogo de productos

Experiencia móvil

Una secuencia clara para leer y comprar.

Las vistas móviles reorganizan la cabecera, los contenidos y las fichas en una columna. En el detalle de producto, la imagen, el precio, la cantidad y la acción de compra forman una secuencia reconocible.

El formulario agrupa los datos necesarios para continuar la compra. El diseño diferencia los campos de la acción principal y mantiene visible la referencia al producto seleccionado.

Alacarta: Cabecera y lectura editorial en móvil
Cabecera y lectura editorial en móvil
Alacarta: Detalle de producto y formulario de compra en móvil
Detalle de producto y formulario de compra en móvil

Diseño del CMS

Considerar también a quien administra el contenido.

El alcance incluyó el diseño del sistema de gestión de contenidos, junto con la experiencia pública del sitio. Esto incorpora al proyecto la perspectiva de quienes organizan y mantienen la información de la plataforma.

Las piezas de este caso muestran las vistas públicas: portada, artículos, guía, catálogo y compra. Su variedad da contexto a los tipos de contenido que conviven en Alacarta.

Contacto

Conversemos sobre tu próximo proyecto.

Podemos revisar el contexto, los contenidos y el alcance de diseño que necesita tu organización.

Hablemos por WhatsApp