PROPUESTA DE PROYECTO · CNL-WD15

Desarrollo de E-commerce en Webflow para Artesanías y Textiles

PREPARED FOR

Allan Arabi

Resumen

Esta propuesta contempla el desarrollo de una tienda en línea completa en Webflow, diseñada para la venta de artesanías y textiles, con catálogo organizado por categorías, control de inventario, sistema de pagos con tarjeta, y automatización del proceso logístico de envíos.

‍

El sitio incluirá páginas de categoría con diseño propio (artesanías, textiles, etc.), cada una con su listado de productos filtrable, fichas de producto con galería de imágenes, y un sistema de inventario que comunica visualmente al usuario cuando un producto está agotado o quedan pocas piezas disponibles.

‍

Adicionalmente, la plataforma permitirá anunciar próximos lanzamientos mediante temporizadores de cuenta regresiva, y procesará pagos con tarjeta de crédito/débito, incluyendo la opción de meses sin intereses (MSI), a través de Stripe.

‍

Se integrará también un sistema de logística automatizada, que generará guías de envío automáticamente al recibir cada pedido y aplicará reglas de envío gratuito según el monto o cantidad de productos comprados, eliminando el proceso manual que el cliente realiza actualmente.

‍

El proyecto contempla, de forma opcional, la incorporación de un chatbot con inteligencia artificial para resolver dudas frecuentes de los clientes (envíos, tallas, materiales) y, opcionalmente, un recorrido virtual del taller o showroom.

‍

El objetivo es ofrecer una experiencia de compra moderna, visualmente cuidada y operativamente automatizada, que le permita a Allan dejar atrás los procesos manuales actuales y escalar su operación sin fricciones.

Objetivo

El objetivo del proyecto es desarrollar una tienda en línea robusta y visualmente distintiva que represente la identidad de marca de artesanías y textiles de Allan, eliminando la fricción operativa que actualmente enfrenta en procesos como cotización de envíos, generación manual de guías y gestión de inventario.

‍

La solución contempla un sitio web en Webflow donde los usuarios podrán explorar productos organizados por categoría, conocer la disponibilidad real de cada pieza, comprar con distintos métodos de pago (incluyendo MSI), y recibir su pedido sin que Allan tenga que intervenir manualmente en la logística de envío.

‍

Adicionalmente, la plataforma incorporará automatización completa del proceso de paquetería (generación de guías, asignación de paquetería y reglas de envío gratuito), liberando tiempo operativo que actualmente se destina a tareas manuales repetitivas.

‍

El proyecto está diseñado para ofrecer una experiencia de compra confiable, visualmente alineada a la marca, y preparada para crecer conforme el catálogo y el volumen de ventas aumenten.

From challenge
to clear direction.

Solución propuesta

Se desarrollará una tienda en línea en Webflow, apoyada en integraciones de pago, logística y (opcionalmente) atención al cliente, diseñada para operar de forma automatizada y escalable.

‍

1. Sitio web E-commerce (Webflow)

‍

Desarrollo de una tienda en línea sobre Webflow eCommerce, con diseño visual personalizado acorde a la identidad de marca de Allan.

‍

El sitio incluirá:

‍

Diseño UI/UX completo, con estética alineada a artesanías y textiles (bento grids, acentos visuales personalizados).
Fichas de producto con galería de imágenes por producto y por variante.
Páginas de categoría con diseño propio (CMS Collection Pages) para cada categoría — artesanías, textiles, y las que se definan — cada una con su propio listado de productos.
Filtros por categoría y atributos (precio, material, etc.) dentro de cada página de categoría.
Sistema de inventario con estado visual automático: "agotado" cuando la pieza llega a 0 unidades, y "quedan pocas piezas" cuando el stock cae por debajo de un umbral definido.
Módulo de próximos lanzamientos con temporizador de cuenta regresiva (countdown).
Checkout y pagos vía Stripe: tarjetas de crédito/débito, Apple Pay, Google Pay.
Meses sin intereses (MSI) mediante checkout personalizado conectado a Stripe (ver detalle en sección de Pricing).
Optimización de imágenes y velocidad de carga, considerando que el catálogo dependerá fuertemente de fotografía de producto.
Testing de flujos de compra, inventario y checkout previo al lanzamiento.
Publicación del sitio en dominio del cliente.

‍

2. Automatización de logística y envíos

‍

Desarrollo de una integración entre Webflow y una plataforma de paquetería mexicana (Skydropx recomendado), encargada de:

‍

Generación automática de guías de envío al recibir cada pedido, sin intervención manual.
Reglas de envío gratuito automático según monto total de compra o cantidad de piezas.
Asignación automática de paquetería según reglas predefinidas (costo, cobertura, tiempo de entrega).
Sincronización del estado del pedido entre Webflow y la plataforma de envíos.
Notificaciones de rastreo al cliente final.

‍

3. Sistema de inventario y stock

‍

Configuración de inventario por producto y variante (color, material, tamaño) dentro de Webflow.
Lógica de visualización condicional para mostrar "pocas piezas disponibles" según umbral configurable.
Documentación para que Allan pueda actualizar inventario manualmente desde el panel de Webflow sin asistencia técnica.

‍

4. Chatbot con IA (opcional)

‍

Implementación de chatbot (Tidio recomendado) entrenado para resolver dudas frecuentes sobre envíos, tallas, materiales y políticas de la tienda.
Personalización visual del widget para alinearlo a la marca.

‍

5. Recorrido virtual (opcional)

‍

Integración de tour virtual 360° del taller o showroom (Matterport o Kuula, según presupuesto), embebido directamente en el sitio.

‍

6. Soporte y mantenimiento

‍

Soporte posterior al lanzamiento durante 6 meses, que incluye:
- Corrección de errores
- Ajustes menores
- Asesoría general de uso

Por qué este enfoque

Una tienda construida sobre Webflow eCommerce permite a Allan tener control visual total sobre su marca sin depender de plantillas genéricas, algo especialmente relevante para un negocio donde la fotografía de producto y la estética son parte central de la propuesta de valor de artesanías y textiles.

‍

La arquitectura de CMS Collections permite que cada categoría de producto (artesanías, textiles, y las que se sumen después) tenga su propio diseño de página y listado, sin necesidad de construir páginas estáticas repetidas — esto hace que agregar nuevas categorías en el futuro sea simple y no requiera desarrollo adicional.

‍

Sin embargo, es importante ser transparentes sobre dos límites técnicos de Webflow que afectan directamente los requerimientos de Allan:

‍

El checkout nativo de Webflow no soporta meses sin intereses, aunque el procesador de pagos de fondo sea Stripe. Para ofrecer MSI es necesario construir un checkout personalizado conectado directamente a Stripe (Stripe Checkout/Elements), por fuera del flujo de compra integrado de Webflow.
Webflow no genera guías de envío ni automatiza reglas logísticas de forma nativa. Por eso se integra una plataforma de paquetería mexicana (Skydropx) vía API, que sí resuelve la generación automática de guías y las reglas de envío gratuito que Allan necesita.

‍

Esta combinación permite construir una tienda visualmente cuidada, operativamente automatizada y preparada para escalar, sin sacrificar ninguno de los requerimientos funcionales solicitados.

Beneficios

Al trabajar con nosotros, Allan obtendrá una tienda en línea moderna, visualmente alineada a su marca de artesanías y textiles, con procesos automatizados que eliminan la carga operativa manual que enfrenta hoy.

‍

Algunos beneficios clave incluyen:

‍

Diseño 100% personalizado en Webflow, sin depender de plantillas genéricas, alineado a la identidad visual de la marca.
Arquitectura de categorías escalable, que permite agregar nuevas líneas de producto sin desarrollo adicional.
Inventario visualmente claro para el cliente final, reduciendo confusión y solicitudes de soporte sobre disponibilidad.
Pagos flexibles, incluyendo MSI, ampliando el ticket promedio de compra.
Logística completamente automatizada, eliminando guías manuales, llenado de formularios y procesos repetitivos.
Envío gratuito automático aplicado por reglas, sin intervención manual de Allan.
Próximos lanzamientos con temporizador, generando expectativa y urgencia de compra.
Atención al cliente optimizada con chatbot (si se implementa), reduciendo preguntas repetitivas sobre envíos y disponibilidad.
Código y arquitectura preparados para crecer, permitiendo sumar funcionalidades futuras sin reconstruir el sitio.
Acompañamiento técnico completo, desde diseño hasta publicación y automatización logística.

Por qué Craft Next Labs

En Craft Next Labs, no solo creamos experiencias digitales, las diseñamos con propósito. Nuestro equipo cuenta con una profunda experiencia en diseño y desarrollo web, desarrollo móvil y estrategia digital, asegurando que cada proyecto esté diseñado para generar impacto.

‍

Vamos más allá de la estética, enfocándonos en funcionalidad, rendimiento y engagement del usuario. Desde el primer momento, nos comprometemos a ofrecer soluciones digitales innovadoras y de alto rendimiento que impulsen marcas, mejoren la experiencia del usuario y generen resultados reales.

Inversión

Desglose de inversión:

‍

Desarrollo E-commerce Webflow

‍

Diseño UI/UX completo: Diseño desde cero, identidad visual aplicada al sitio, wireframes, fichas de producto, páginas de categoría y prototipo navegable. — $28,000 MXN
Desarrollo del sitio en Webflow (estructura base + CMS): Configuración de Collections (Productos, Categorías), arquitectura de páginas, navegación, y conexión de campos de inventario, precio, variantes e imágenes. — $35,000 MXN
Páginas de categoría con diseño propio + filtros: Desarrollo de Collection Pages individuales por categoría (artesanías, textiles, etc.) con sistema de filtrado (Finsweet Attributes). — $22,000 MXN
Sistema de inventario y estados de stock: Configuración de inventario por variante, lógica condicional para "agotado" y "quedan pocas piezas" con umbral configurable. — $15,000 MXN
Módulo de próximos lanzamientos con countdown: Desarrollo de sección/página de lanzamientos con temporizador de cuenta regresiva. — $8,000 MXN
Configuración de checkout nativo Webflow + Stripe (tarjeta, Apple Pay, Google Pay): Conexión de pasarela de pago, pruebas de flujo de compra. — $12,000 MXN
Checkout personalizado con Stripe para MSI: Desarrollo de checkout a la medida (Stripe Checkout/Elements embebido), por fuera del checkout nativo, para habilitar meses sin intereses. — $45,000 MXN
Integración de logística automatizada (Skydropx vía API): Conexión entre pedidos de Webflow y generación automática de guías, incluyendo reglas de envío gratuito por monto/cantidad. — $38,000 MXN
Optimización de imágenes y performance: Compresión, lazy load y ajustes de velocidad de carga para catálogo con fotografía de producto. — $9,000 MXN
Testing + QA: Validación de flujos de compra, inventario, checkout y logística antes del lanzamiento. — $6,000 MXN
Publicación del sitio: Configuración de dominio, DNS y puesta en producción. — $4,000 MXN
Soporte: INCLUIDO POR 6 MESES — Cambios menores, soporte técnico y asesoría general. Posterior a este periodo, $250 MXN por hora.

‍

Opcionales (no incluidos en el total — se suman solo si se confirma)

‍

Chatbot con IA (Tidio): Instalación, configuración y personalización visual del widget. — $6,500 MXN (más la suscripción mensual de Tidio, ver Additional Costs)
Recorrido virtual 360°: Integración embebida del tour en el sitio (no incluye la captura/escaneo del espacio físico, que se cotiza con el proveedor del tour). — $7,000 MXN (más el costo del proveedor, ver Additional Costs)

‍

Total estimado del proyecto (sin opcionales): $222,000 MXN (NO INCLUYE IVA)

Total estimado del proyecto (con Chatbot + Recorrido virtual): $235,500 MXN (NO INCLUYE IVA)

PROJECT TOTAL

MXN

257520

Subtotal

222000

Tax rate

Costos adicionales

Este proyecto requiere algunos servicios externos que no están incluidos en el costo de desarrollo:

‍

Webflow eCommerce Standard (plan recomendado para iniciar): $29 USD/mes (aproximadamente $502 MXN/mes, tipo de cambio referencia $17.30 MXN/USD) — incluye hasta 500 productos/variantes y 2% de comisión por transacción sobre cada venta.
- Alternativa Ecommerce Plus (sin comisión por transacción, hasta 5,000 productos): $74 USD/mes (aproximadamente $1,280 MXN/mes) — recomendable una vez que las ventas mensuales superen aprox. $3,700 USD (~$64,010 MXN) mensuales, ya que ahí la comisión del 2% empieza a costar más que la diferencia de plan.
Comisión de Stripe por transacción: Aproximadamente 3.6% + $3 MXN por transacción con tarjeta. Si se activa MSI, Stripe aplica una comisión adicional sobre el monto, variable según el número de meses elegido por el cliente final (se calcula directo en el dashboard de Stripe al activar la función).
Skydropx (generación de guías): No tiene mensualidad obligatoria — el costo es por guía generada, con tarifas preferenciales negociadas según volumen. Se recomienda que Allan abra la cuenta directamente y definamos tarifas exactas una vez que tengamos su volumen mensual estimado de envíos.
Dominio personalizado: Desde $300 MXN anuales, vía GoDaddy, Google Domains o proveedor similar.
Correo corporativo (opcional): A través de Google Workspace o similar, desde $6 USD/usuario al mes (aproximadamente $104 MXN/usuario/mes).
Chatbot — Tidio (si se confirma el opcional): Desde $29 USD/mes (aproximadamente $502 MXN/mes) para el plan con IA (Lyro).
Recorrido virtual — proveedor (si se confirma el opcional):
- Matterport: desde $10–$70 USD/mes (aproximadamente $173–$1,211 MXN/mes) según plan, más el costo de captura/escaneo inicial del espacio (variable según metros cuadrados — se cotiza directo con el proveedor de captura).
- Kuula: desde $12 USD/mes (aproximadamente $208 MXN/mes), opción más económica si el objetivo es una vista 360° sencilla.

‍

Nota: Los costos pueden variar dependiendo del proveedor, volumen de transacciones, tipo de cambio y necesidades específicas del cliente.

Cronograma

Duración total estimada: 8-10 semanas (2 a 2.5 meses aproximadamente)

‍

Fases del proyecto:

‍

Semana 1-2 — Definición y arquitectura: Definición de categorías, estructura de CMS Collections, modelo de inventario, identidad visual y wireframes de páginas principales y de categoría.
Semana 3-5 — Diseño UI/UX + desarrollo base: Diseño de fichas de producto, páginas de categoría, home, módulo de lanzamientos con countdown. Desarrollo de la estructura del sitio, conexión de CMS y configuración de inventario con estados visuales.
Semana 6-7 — Pagos y logística: Configuración de checkout nativo (tarjeta, Apple Pay, Google Pay), desarrollo del checkout personalizado para MSI, integración con Skydropx y configuración de reglas de envío gratuito.
Semana 8 — Testing y lanzamiento: Pruebas de flujo de compra, inventario, checkout (con y sin MSI) y generación automática de guías. Ajustes finales y publicación.
(Si se confirman opcionales) Semana 9-10 — Chatbot y/o recorrido virtual: Instalación y configuración del chatbot, integración del tour virtual embebido.

‍

Los tiempos pueden variar ligeramente dependiendo de la disponibilidad de fotografía de producto, revisiones del cliente y tiempos de aprobación de cuentas con proveedores externos (Stripe, Skydropx).

Términos y condiciones

Las tarifas listadas corresponden exclusivamente al desarrollo del sitio E-commerce en Webflow con las funcionalidades descritas en esta propuesta. Cualquier funcionalidad no especificada se considerará fuera de alcance.
Para iniciar el proyecto, se requiere un anticipo del 50% del costo total. El 50% restante se liquida al momento de la entrega, una vez que el cliente haya revisado y aprobado el producto final. (Pueden platicarse esquemas de pago alternativos según las necesidades del cliente; cualquier ajuste al plan de pagos se detallará en el contrato formal posterior a la aceptación de esta propuesta.)
El proyecto incluye soporte sin costo durante 6 meses posteriores a la entrega. Cualquier ajuste, mejora o actualización fuera de este periodo tendrá un costo de $250 MXN por hora.
Las comisiones por transacciones y costos asociados a servicios externos —incluyendo Webflow, Stripe, Skydropx, dominio, correo corporativo, chatbot, recorrido virtual u otros servicios de terceros— no están incluidos en el precio del desarrollo y deberán ser cubiertos directamente por el cliente conforme a las tarifas de cada proveedor.
Cualquier servicio externo necesario para la operación del proyecto —como cuentas de Webflow, Stripe, Skydropx u otros proveedores— deberá ser contratado y administrado directamente por el cliente.
El cliente es responsable de entregar todo el contenido (fotografía de producto, textos, logotipos, etc.) de forma clara y en tiempo para cumplir con los plazos establecidos, y conserva la titularidad total sobre dicho contenido.
Cualquier cambio significativo en la estructura, reglas de negocio o funcionalidades que no esté contemplado en el alcance originalmente definido podrá cotizarse por separado.
En caso de cancelación del proyecto por parte del cliente una vez iniciado el desarrollo, este deberá cubrir los costos correspondientes al trabajo realizado hasta la fecha. (Las condiciones específicas de cancelación se detallarán en el contrato formal posterior a la aceptación de esta propuesta.)

READY WHEN YOU ARE

¿Construimos lo que sigue?

Si tienes preguntas o quieres ajustar algún punto de esta propuesta, conversemos antes de avanzar.

Hablemos de la propuesta

↗