담다 쇼핑

Compras y gestión de pedidos para una pequeña tienda online

Iniciar la demo

Contactar

Inicio de la app para clientes: banner del especial de otoño, botones Ver la selección y Obtener cupón, y cuatro novedades

Abrir en ventana nueva

De un vistazo

Esta es una app de ejemplo para una pequeña tienda online, desarrollada por Cocode con Flutter, CoUI y Serverpod. En la app para clientes se buscan productos en las colecciones destacadas, las categorías y el buscador, se eligen opciones, se añaden al carrito y se llega hasta el pago; en la consola de administración se revisan los pedidos nuevos, se preparan, se introduce el número de seguimiento y se marcan como enviados. Cocode desarrolla por encargo apps de tienda y consolas de administración como estas, desde la planificación y el desarrollo hasta la publicación y el mantenimiento.

Tipo: Compras y gestión de pedidos para una pequeña tienda online
Partes: App para clientes · Consola de administración · Widgetbook · Galería golden · Documentación del proyecto
Tecnología: Flutter · CoUI · Serverpod · Widgetbook
Cómo probarla: En el navegador, sin registro, con datos de ejemplo
Desarrollada por: Cocode Inc.

Funciones principales

6 funciones

Explorar productosEmpieza por el especial y las novedades del inicio y encuentra los ocho productos por categoría, orden y búsqueda.
Ficha del productoElige talla y color, revisa las pestañas «Detalles» y «Envío y devoluciones», y añádelo al carrito o cómpralo al momento.
CarritoCambia cantidades o elimina lo seleccionado y se recalculan el subtotal, el descuento y el envío. Envío gratis desde 50.000 ₩.
Pedido y pagoElige las indicaciones de entrega y el método de pago, paga y verás la confirmación con el número de pedido. Lo que compraste sale del carrito.
Panel de administraciónMira de un vistazo las tarjetas de pedidos nuevos, por enviar, ventas de hoy y stock bajo, junto a los pedidos nuevos y lo más vendido hoy, y pasa un pedido nuevo a preparación desde ahí.
Pedidos y envíosFiltra la lista de pedidos por estado, abre un pedido y pásalo a preparación; luego introduce el transportista y el número de seguimiento y márcalo como enviado.

Cuentas de prueba

Tanto en la app como en la consola, elige una cuenta en «Elegir una cuenta de demo» en la primera pantalla. No hace falta contraseña.

ClienteVer productos · Buscar · Ficha del producto · Carrito · Pedido y pago
AdministraciónPanel · Lista de pedidos · Detalle del pedido · Preparar · Añadir seguimiento

Pantallas para explorar

Se abren directamente en el navegador: 5, siempre en una ventana nueva.

Stack tecnológico

Flutter
CoUI
Serverpod
Widgetbook

Sobre el entorno de demostración

Una demo basada en una tienda online ficticia. No se hace ningún pago, entrega ni envío de SMS reales.
Funciona sin servidor, con datos de ejemplo dentro de este navegador, y vuelve al inicio al recargar la página. No introduzcas datos personales reales.
Al cambiar de idioma sigues en la misma pantalla, y los datos de ejemplo como productos, nombres y direcciones pasan al idioma elegido.
Pedidos, Mi cuenta y las reseñas de la app para clientes, y Productos, Clientes, Ventas y Ajustes de la consola, estarán disponibles pronto.

Desarrollo a medida de apps de tienda online

Desde la primera consulta hasta el traspaso. Primero definimos el alcance y luego le damos un presupuesto.

ConsultaLa persona responsable le contacta para conocer su situación
Alcance1 semana. Lista de pantallas, luego presupuesto y contrato
DesarrolloAvanzamos probando cada semana una versión intermedia
TraspasoRepositorio · Admin · Permisos · Documentación
Soporte (opc.)Gestión con las tiendas y mantenimiento

Preguntas frecuentes

¿Se pueden encargar juntas la app de la tienda y la gestión de pedidos?

Sí. Como en esta demo, un solo equipo desarrolla la app para clientes y la consola de administración que usa su equipo. Tras la primera consulta dedicamos una semana a listar las pantallas de clientes y de administración, antes del presupuesto y el contrato. Lo que su equipo hace por sí mismo, como añadir productos, revisar pedidos o gestionar clientes registrados, se crea como pantallas de administración.

¿Cómo se determina el costo?

Depende del alcance de lo que se va a desarrollar. Primero definimos juntos el alcance y después le enviamos un presupuesto. Los criterios para fijar el costo y los tipos de contrato se explican en la página Proceso y costos.

¿Cuánto tiempo lleva?

Depende del alcance. Cuéntenos qué servicio tiene en mente y empezaremos por estimar juntos el plazo. Durante el proyecto, cada semana puede revisar una versión intermedia que funciona, mediante un enlace y una app de prueba.

¿De quién son los derechos de autor y la propiedad?

Al completarse la aceptación y el pago total, todos los derechos patrimoniales de autor pasan a su empresa — incluido el derecho a crear obras derivadas —, y nosotros no ejercemos los derechos morales sobre los entregables. Así consta en el contrato.

Los componentes comunes que se usan en varios proyectos, como CoUI, quedan excluidos de la cesión; a cambio, le entregamos una copia del código fuente y el derecho a usarlos y modificarlos sin límite de plazo, cantidad ni territorio. La lógica de negocio, la estructura de datos y los elementos de marca propios de su empresa le pertenecen en su totalidad.

¿Cómo se tratan las integraciones de pago y envío?

En esta demo el pago y el envío son simulados, así que no se hacen pagos reales ni se envían SMS. Para una tienda real definimos en la consulta qué servicios externos se conectan, como una pasarela de pago y las empresas de transporte. Las integraciones externas son uno de los factores que influyen en el presupuesto.