Buga Ramen — Portada del caso de estudio

Buga Ramen Zaragoza

Desarrollo web para la cadena de restaurantes Buga Ramen — una construcción ligera con React + Tailwind y fotografía profesional para refrescar la marca y acelerar el crecimiento local.

Gestionado de principio a fin con Notion bajo un plazo ajustado, convirtiendo un primer proyecto de cliente real en un marco de entrega repetible.

Lanzamiento V1

Sitio web en producción entregado

Sistema de Diseño

Componentes y tokens de UI reutilizables

Set de Fotos

Sesión pro + optimización web

A Tiempo

Plazo ajustado, cumplido

El reto

Construir un sitio web moderno y ligero sin un CMS, entregar rápidamente bajo presión y crear visuales originales que reflejen la personalidad de la marca.

El objetivo: un stack tecnológico limpio, fundamentos sólidos y un flujo de contenido que el equipo pueda mantener con mínima fricción.

Materiales de marca antes del rediseño — Buga Ramen

Alcance

Sitio web con React.js + Tailwind CSS desde cero (sin CMS), enfocado en la velocidad y la mantenibilidad.
Fotografía de principio a fin: sesión, etalonaje, retoque y optimización web.
Sistema de diseño base: escala tipográfica, espaciado, componentes y guías de imagen.
Flujo de trabajo de contenido: tablero de Notion para tareas, activos, aprobaciones y cadencia de lanzamientos.
Higiene SEO básica: estructura semántica, metadatos, texto alternativo y presupuestos de rendimiento.

Sistema de diseño y planificación de contenido — Buga Ramen

Nuestro enfoque

Elegir el stack más simple que funcione: React + Tailwind para velocidad, reutilización de componentes y una UI consistente.

Combinar una base de código ligera con visuales profesionales y un tablero de tareas claro en Notion para mantener una entrega predecible bajo un plazo ajustado.

Tecnologías Utilizadas

React.js y Tailwind CSS para un front-end rápido y mantenible.
Notion para gestión de proyectos, seguimiento de tareas y aprobaciones.
Flujo de fotografía profesional (sesión → postproducción → optimización web).
Photopea y Photoscape X para edición y preajustes de exportación.

El resultado

Un sitio web limpio y rápido con un lenguaje visual cohesivo y un flujo de trabajo de entrega más fluido, sentando las bases para futuras campañas y funcionalidades.