Volver a proyectos
Restaurante Il Diavoletto
Landing para restaurante

RestauranteIlDiavoletto

Archivo de portfolio de un restaurante italiano: identidad visual, hero inmersivo, carta online y páginas informativas conservadas sin actividad comercial.

Next.jsReactFramer MotionVercel
00

Un carrusel para explorar la identidad, el stack y las decisiones de producto sin salir del caso práctico.

Restaurante Il Diavoletto - Un ambiente de restaurante inmediato.
Identidad01 / 03
Next.jsReactFramer MotionVercel
Identidad

Un ambiente de restaurante inmediato.

La primera pantalla presenta directamente la marca Il Diavoletto con una imagen inmersiva, un logotipo legible y un mensaje breve: «Diabolically good».

100%archivo visual
  • Hero a pantalla completa orientado a la marca
  • CTA directos a la carta y a la presentación
  • Paleta oscura y cálida acorde con el universo italiano.
01

Stack tecnológica completa

🎨

Frontend

6
Next.js
⚛️React
📘TypeScript
🎨CSS Modules
🎬Framer Motion
🎨Lucide React
🚀

Infraestructura

3
Vercel
🔎SEO Metadata
🖼️Responsive Images
02

Sobre el proyecto

Il Diavoletto es un archivo de portfolio desplegado en Vercel para presentar la identidad gráfica de un restaurante italiano. El sitio conserva la experiencia visual, el hero a pantalla completa, la navegación por la carta, las páginas informativas y el contenido de presentación, al tiempo que elimina los datos de contacto y la lógica comercial activa. El trabajo pone el foco en una landing responsive, una marcada atmósfera editorial, transiciones limpias y una estructura fácil de consultar. Es un escaparate de diseño e integración frontend pensado para mostrar el ambiente del proyecto, sin gestionar reservas ni solicitudes de clientes desde el archivo.

03

Características clave

  • 01Hero inmersivo del restaurante con imagen a pantalla completa
  • 02Navegación clara hacia la carta, la presentación y las páginas legales
  • 03Modo archivo de portfolio sin datos comerciales
  • 04Interfaz responsive en Next.js con animaciones e iconos de Lucide
  • 05Despliegue en Vercel con recursos WebP y metadatos propios
04

Enlaces