Volver a proyectos

La Jungla · Caso de estudio

Una web para elegir la noche antes de llegar.

Diseñé y desarrollé desde cero una web que reúne dos locales próximos, uno de cocina y otro de coctelería, sin mezclar lo que ofrece cada uno.

Diseñé y desarrollé desde cero una web que une cocina y coctelería sin confundir qué ofrece cada local.

Sector
Hostelería
Responsabilidad
Estrategia, diseño y desarrollo web
Año
2026
  • Estrategia web
  • Arquitectura de contenido
  • Diseño de interfaz
  • Dirección visual
  • Desarrollo web
  • Diseño móvil

El punto de partida

Dos puertas compartían marca, pero no la misma intención.

La Jungla reúne tapas y cocina en Barrera 3, y barra y coctelería en Barrera 5. La web tenía que presentar ambos locales como parte de un mismo universo y explicar qué ofrece cada dirección.

Además de transmitir ambiente, debía resolver decisiones inmediatas: descubrir la carta adecuada, comprobar horarios, reservar por WhatsApp y llegar al local correcto.

Portada de la web de La Jungla con un cóctel sobre una barra de luz cálida.
Portada · La promesa de la noche y las dos acciones principales.

La estrategia

Organizar la visita por intención, no por estructura interna.

La estructura empieza por el tipo de plan y presenta después la carta, la reserva, los horarios y la ubicación de cada local.

  1. 01

    Abrir con una promesa sensorial

    La portada presenta atmósfera, producto y ubicación antes de explicar el negocio. La frase “Donde empieza la noche” introduce el tono y mantiene visibles la reserva y la carta.

  2. 02

    Dar un papel claro a cada puerta

    Cócteles, cocina y ambiente presentan cada local. La carta y la sección de visita separan después Food y Drinks por dirección, horario y acciones.

  3. 03

    Convertir la carta en una decisión

    En lugar de presentar un único listado, la interfaz separa comida y bebidas por dirección, contexto y tipo de plan.

  4. 04

    Mantener cerca las acciones móviles

    Una barra inferior mantiene visibles en móvil la carta, la reserva y cómo llegar.

Sección de cócteles de La Jungla con fotografía de producto y perfiles de sabor.
Cócteles · Producto, atmósfera y perfiles para orientar la elección.

Dirección de interfaz

La web debía sentirse como el local: oscura, táctil y directa.

El verde casi negro crea profundidad; el dorado aporta luz y jerarquía; la tipografía de contraste introduce el ritmo nocturno. Las fotografías ocupan la escena y la interfaz conserva bordes, rótulos y datos útiles con una precisión más funcional.

Selector de carta de La Jungla que diferencia comida y bebidas.
La carta · Comida y bebidas separadas por local y tipo de plan.
Sección de visita de La Jungla con los dos locales, horarios, reserva y ubicación.
Visítanos · Cada puerta reúne su contexto y sus acciones.
Sección de cocina de La Jungla con tapas para compartir.
Cocina · El local de Barrera 3 conserva su propio ritmo dentro del sistema.
Tres cócteles de La Jungla sobre una barra oscura.
Producto · Una dirección fotográfica oscura, cálida y precisa.
Selección de tapas de La Jungla preparada para compartir.
Food · La fotografía diferencia la oferta de Barrera 3.
Cóctel de autor de La Jungla Drinks servido sobre la barra.
Drinks · Barrera 5 mantiene un lenguaje propio dentro de la marca.

Diseño móvil

Carta, reserva y cómo llegar permanecen visibles.

En pantallas pequeñas prioricé una navegación compacta, acciones amplias y una barra inferior con las tres rutas principales. El carácter visual se mantiene sin ocultar la información práctica.

Versión móvil de La Jungla con accesos persistentes a carta, reserva y ubicación.
Móvil · Carta, reserva y cómo llegar permanecen disponibles.
Ambiente nocturno de La Jungla con personas compartiendo cócteles.
Ambiente · La atmósfera del local guía el tono de toda la web.

La solución

La solución publicada organiza dos locales sin mezclarlos.

La web separa Food y Drinks desde la entrada. Cada local reúne su carta, dirección, horario, reserva y ruta para llegar dentro de la misma identidad.