Cerrar

Akra restaurante

Marketing website

Ver web

Diseño y desarrollo web para una experiencia sensorial de alta cocina
Cliente
Proyecto Personal
Services
Desarrolo Webflow
UX & UI Design
Behavioral Design
Visual Design
Industria
Alta gastronomía
Restauración
Fecha
Febrero 2026

El reto

Objetivos
El reto de este proyecto era trasladar una experiencia puramente sensorial y efímera —el sabor, la textura y la atmósfera de la alta cocina— al entorno digital. Akra no es solo un restaurante, es la visión de los chefs Marc Vicedo y Aina Llopis para reescribir el legado de la Terreta mediante la fusión de memoria y técnica contemporánea.
Nuestro desafío principal era encontrar el equilibrio perfecto entre un storytelling visual inmersivo (que transmitiera el concepto de "lujo silencioso" y arraigo al Mediterráneo) y la creación de un embudo de conversión implacable, optimizado para incentivar las reservas de sus menús degustación de alto valor (desde los 75€ hasta los 155€).

Atacando el proyecto

Soluciones
Hemos realizado y afrontado el proyecto con los siguientes steps:
1.-Investigación y Definición de Objetivos: Nos sumergimos en la filosofía de Marc y Aina, entendiendo el viaje del comensal desde que descubre el restaurante hasta que se sienta a la mesa, perfilando a un usuario exigente y amante de la gastronomía de autor.
2. Arquitectura de la Información y Flujo Cognitivo: Estructuramos el contenido para contar primero el "por qué" (la historia, la tierra, la técnica) y luego el "qué" (los menús y la coctelería), guiando al usuario suavemente hacia la reserva.
3. Estructura Visual y Wireframing: Diseñamos esquemas donde el espacio en blanco y las tipografías serifs elegantes sirven de lienzo para dar protagonismo absoluto a la fotografía gastronómica de alto impacto.
4. Diseño Visual y de Interfaz: Apostamos por una estética de "lujo silencioso", utilizando texturas orgánicas y colores inspirados en el paisaje alicantino y la piedra tosca, elevando la percepción de exclusividad.
Investigación y Definición de Objetivos
Para establecer una base sólida, analizamos las webs de los principales restaurantes con Estrella Michelin a nivel nacional e internacional.
Entendimos que el usuario no busca solo "comer", busca vivir una experiencia. Definimos que cada elemento de la página debía destilar excelencia y cuidado, alineando el copywriting narrativo ("La Memoria de la tierra", "Alquimia a Cuatro Manos") con el objetivo último de llenar la sala de lunes a domingo.
Arquitectura de la Información y Flujo Cognitivo
La arquitectura fue clave para construir el deseo.
Organicé el contenido como si fuera un menú degustación: comenzamos con un aperitivo visual impactante en el hero, pasamos a los entrantes contando la historia de los chefs y el origen del producto, y llegamos al plato principal presentando los tres menús degustación con claridad absoluta. Finalmente, el CTA de "Vive Akra" cierra el ciclo de forma natural e instintiva.

UX y Behavioral Design: Elevando el Ticket Medio y las Reservas

Behavioral Design
-Efecto de Anclaje (Price Anchoring): La disposición de los tres menús (Origen 75€, Akra 110€, Lucentum 155€) está diseñada estratégicamente para que el Menú Akra (la identidad central de la casa) se perciba como la opción más equilibrada y atractiva, empujando la conversión hacia el ticket deseado.
-Apelación Sensorial (Sensory Appeal): Uso de descripciones evocadoras ("miel de romero ahumada", "arroz de capa fina al sarmiento") junto a fotografías en primer plano que activan las respuestas neuronales relacionadas con el apetito y el deseo.
-.Exclusividad y Urgencia Sutil: La integración fluida del motor de reservas transmite que el espacio es limitado, empujando al usuario a asegurar su mesa sin necesidad de recurrir a tácticas agresivas que romperían la elegancia de la marca.

UX Visual: Seduciendo a través de la Interfaz

Foco en covnersión
Aunque es un proyecto personal con un fuerte peso estético, el visual está al servicio del comportamiento del usuario (Behavioral Design visual):
Carga Cognitiva Cero: Al eliminar líneas divisorias duras y cajas de fondo, el usuario navega por un lienzo limpio donde la fotografía actúa como único límite espacial.
Jerarquía por Escala: En lugar de usar colores llamativos para los botones, utilicé la escala tipográfica y el posicionamiento estratégico para destacar las acciones clave (como "Vive Akra"), manteniendo la elegancia.
Apelación Sensorial (Sensory UI): El uso de imágenes a sangre de alta resolución y colores cálidos que evocan el atardecer alicantino activa subconscientemente la sensación de calidez y exclusividad.
Cromatismo Orgánico y Terroso:
La paleta de colores es una extracción directa del paisaje de la Terreta. En lugar del clásico fondo blanco puro o negro azabache, utilicé tonos crudos, arenas pálidas y matices de piedra caliza como colores de fondo. Los acentos cromáticos llegan a través de verdes oliva desaturados y tonos terracota que evocan la arcilla, el esparto y las hierbas aromáticas del Mediterráneo. Es una paleta que respira naturalidad y calma.
Tensión Tipográfica
Para elevar la percepción de marca, traté la web como una revista editorial de alta gama. Utilicé una tipografía Serif de alto contraste y trazos finos para los grandes titulares, aportando una elegancia poética y herencia clásica. Para equilibrar esta sofisticación, los cuerpos de texto y los menús utilizan una Sans-Serif geométrica, limpia y neutra, garantizando una legibilidad perfecta y un toque de vanguardia técnica.
Composición Asimétrica y Uso del "Aire": En la alta cocina, el emplatado nunca es rígido; es fluido, orgánico y respeta el vacío del plato. Llevé este concepto a la retícula (grid) del diseño. Rompí la simetría tradicional para crear composiciones donde las imágenes se solapan sutilmente con la tipografía. El uso extremo del espacio negativo (aire) no es un accidente: es una decisión de diseño para transmitir opulencia y dar un respiro visual al usuario entre cada sección.
Los números mandan

Resultados

Velocidad  de carga
+40%
Conversión
+17%
Facturación
+35%
dsfds