TrasterosCarrús.es

Un centro de trasteros nuevo en el polígono de Carrús, en Elche, con un diferencial claro (se llega con la furgoneta hasta la puerta del trastero), tenía que darse a conocer en una ciudad con ocho operadores y conseguir reservas desde el primer día. Quien busca un trastero quiere saber tres cosas sin llamar: cuánto cuesta, qué tamaño necesita y si queda sitio.

Diseñé y desarrollé una web que responde a esas tres preguntas nada más entrar: precios públicos con el IVA incluido, un plano 3D de la nave para elegir el trastero y reserva online gratuita, en seis idiomas para el cliente extranjero de la zona.

• Plano 3D isométrico de la nave, dibujado a mano en SVG y sin librerías: filtras por tamaño, ves qué trasteros quedan libres y abres la ficha de cada uno.
• La nave entera en un único fichero, en metros (posición, tamaño y precio de cada trastero): si cambia el plano de la tabiquería, se ajusta ahí y se actualizan el plano, los precios y la disponibilidad.
• Reserva online gratuita y sin tarjeta, con confirmación y anulación por correo en el idioma de cada cliente.
• Área de cliente con acceso con Google o con un enlace por correo, donde cada cliente ve sus reservas.
• Seis idiomas: español, inglés, francés, alemán, chino y árabe, este de derecha a izquierda. Las cifras y los enlaces se generan por código para que ninguna traducción se desajuste.
• Panel de gestión: trasteros, clientes, contratos, mantenimiento, gastos y solicitudes.
• En desarrollo: cobro mensual con tarjeta o domiciliación (Stripe) y apertura del portón desde el móvil, con el acceso suspendido si un recibo no se paga.

1. Fase 1

   Competencia

   Precios y servicios de los ocho operadores de Elche, para decidir qué enseñar y en qué diferenciarse.

2. Fase 2

   La nave en metros

   El plano real de la nave pasado a un fichero con cada trastero, que alimenta el plano 3D, los precios y la disponibilidad.

3. Fase 3

   Web y reserva

   Página con el plano, los precios, las preguntas frecuentes y la reserva online con confirmación por correo.

4. Fase 4

   Idiomas

   Traducción a cinco idiomas más, con comprobaciones automáticas de que no queda texto sin traducir.

5. Fase 5

   Gestión y cobros

   Panel de gestión, y en desarrollo el cobro con Stripe y el control de accesos.

• Next.js 16

  Páginas estáticas para la web pública y acciones de servidor para la reserva, con la misma base de código para el panel.

• Supabase

  Postgres y autenticación: reservas, clientes y el área de cliente con Google o enlace por correo.

• SVG a mano

  El plano 3D sin librerías: carga al momento y se adapta al móvil.

• Resend

  Correos de confirmación y anulación de la reserva en el idioma de cada cliente.

• Vercel y Sentry

  Despliegue automático y aviso de cualquier error en producción.