Murcore Estudio, Inicio
04Proyecto concepto · Tienda online

Garbino

La tienda online de una marca de bicis eléctricas diseñadas en Murcia.

Garbino
Cliente
Proyecto concepto
Categoría
Tienda online
Servicios
Tienda online, Configurador, Pagos con Redsys, Reservas
Año
2026

Proyecto concepto: el cliente y sus datos son ficticios; el diseño, el código y la demo son nuestros y funcionan en línea.

El planteamiento

Nos pusimos en el lugar de una marca nueva de bicicletas eléctricas con tres modelos y tienda en Murcia. Una bici de 2.400 € no se compra de un clic: la tienda tenía que enseñar el producto como una marca grande, dejar configurarla, llevar a la gente a probarla y cobrar con la pasarela de los bancos españoles.

Qué hace

  1. 01

    Producto como protagonista

    Páginas de modelo al estilo de las grandes marcas, con la bici en grande, colores y especificaciones.

  2. 02

    Configurador

    Color, batería y accesorios con el precio total y la cuota mensual al momento.

  3. 03

    Pruebas en tienda

    Reserva de media hora con día y hora, y un evento para el calendario.

  4. 04

    Pago y panel

    Pago con tarjeta por Redsys y un panel con ventas, stock por color y pruebas reservadas.

Pantallas

Configurador: color, batería y accesorios, con el total y la cuota al momento.

Configurador: color, batería y accesorios, con el total y la cuota al momento.

Reserva de pruebas en la tienda de Murcia: modelo, día y hora.

Reserva de pruebas en la tienda de Murcia: modelo, día y hora.

Panel de la tienda: ventas, bicis por color, pedidos, pruebas y stock.

Panel de la tienda: ventas, bicis por color, pedidos, pruebas y stock.

Cómo está hecho

Bicis renderizadas

Las tres bicis están modeladas y renderizadas en 3D con Blender, en cada color: ni una foto de catálogo ajena.

Pago firmado en servidor

El precio se recalcula en el servidor y el pedido se firma para Redsys; la respuesta del banco se verifica antes de confirmarlo. Funciona en el entorno de pruebas.

Datos en directo

El pie de página muestra la flota rodando en tiempo real (simulada) con un gráfico que se actualiza cada segundo.

Hecho con

  • Next.js
  • Blender
  • Redsys
  • Motion
  • Kokonut UI
  • Bklit

¿Algo así para tu negocio?

Una web, una plataforma, una app o una automatización. Cuéntanos qué necesitas y una persona te responde en menos de un día, con una primera idea de cómo lo construiríamos.

Empezar proyecto