Diseño de tiendas online y tiendas virtuales

Dardo diseña y desarrolla tiendas online y tiendas virtuales para marcas que venden por internet: tiendas a la medida o headless, checkouts construidos sobre una pasarela de pagos y tiendas en Shopify cuando su checkout y sus apps encajan mejor. Empezamos por elegir la plataforma que tu catálogo necesita, y te diremos cuándo una plantilla estándar es la compra sensata.

Escríbenos por WhatsAppLeer en inglés
Dardo / Ilustración editorial
En esta página

Qué incluye el diseño de tu tienda online

Definimos el trabajo según el brief real. La propuesta identifica entregables incluidos, quién aporta los materiales y cómo se acepta cada uno.

  • Recomendación de plataforma: Shopify, headless o checkout propio
  • Modelo de catálogo: productos, variantes, colecciones y filtros
  • Diseño de páginas de producto, colección, carrito y checkout
  • Integración de pasarela de pagos con confirmación del pedido en el servidor
  • Datos estructurados de producto y políticas de envío y devolución para Google
  • Autorización de tratamiento de datos y analítica de cada paso del checkout
  • Migración de productos, clientes, URLs y redirecciones

Cuándo conviene una tienda a la medida

Elige este servicio cuando la tienda es un canal de venta principal y su catálogo, checkout o contenido necesita más de lo que da una plantilla. Para un catálogo pequeño con envíos estándar, una buena plantilla de Shopify que configures tú puede bastar. Si vendes accesos, suscripciones o cuentas en lugar de productos, Desarrollo de software a la medida encaja mejor.

De la elección de plataforma al primer pedido

Empezamos por tu catálogo, medios de pago, reglas de envío y los sistemas que manejan inventario y facturas. Esa revisión decide la plataforma y produce un modelo de catálogo, un mapa de páginas y el diseño del checkout. Si ya tienes una tienda, primero exportamos productos, clientes y URLs para que nada se pierda en el cambio.

El desarrollo empieza por la página de producto y el checkout, probados con pagos de prueba que incluyen pedidos rechazados, pendientes y reembolsados. Luego completamos colecciones, búsqueda, páginas de contenido e integraciones, configuramos analítica para cada paso del checkout y lanzamos con las redirecciones listas y los primeros pedidos monitoreados.

Shopify, headless o checkout propio: ¿qué plataforma te conviene?

La plataforma depende del catálogo y del checkout, no al revés. Una plataforma alojada como Shopify te da un checkout mantenido, herramientas de inventario, cuentas para tu equipo y un ecosistema grande de apps; Dardo diseña y desarrolla sobre ella cuando eso es lo que el negocio necesita. Una tienda headless conserva un backend de comercio pero te da control total del diseño, el contenido y la velocidad. Un checkout propio sobre una pasarela de pagos sirve para catálogos cortos, anticipos, productos por encargo o compras atadas a reservas y cuentas.

Sé honesto con el tamaño. Un catálogo pequeño con envíos estándar suele vender bien con una plantilla estándar, y ahí el trabajo a la medida aporta poco.

Shopify, headless o checkout propio: ¿qué plataforma te conviene?
OpciónEncaja cuandoTen en cuenta
Plataforma alojada (Shopify)Muchos productos y variantes, tu equipo actualiza inventario a diario, quieres apps de reseñas, envíos o marketplacesCosto mensual del plan y de las apps, límites de diseño de la plantilla, qué medios de pago funcionan en tu país
Tienda headlessLa marca y el contenido venden tanto como el catálogo, o varios sitios e idiomas comparten un catálogoDos sistemas que operar, la vista previa y la edición requieren configuración, más desarrollo
Checkout propio sobre una pasarelaPocos productos, anticipos, productos por encargo o compras atadas a reservas o cuentasInventario, impuestos, facturas y reembolsos pasan a ser código que mantener
Plantilla estándar que configuras túCatálogo pequeño, envíos simples, presupuesto limitadoSe parece a otras tiendas; planea migrar cuando el catálogo crezca

¿Dónde pierde compradores el checkout?

La mayoría de carritos nunca se pagan. El promedio de Baymard en 50 estudios documentados es una tasa de abandono del carrito del 70,22 %. Dejando de lado a quienes solo estaban mirando, las razones más comunes son costos adicionales demasiado altos (40 %), entrega lenta (20 %), desconfianza al dar los datos de la tarjeta (19 %), que el sitio exija crear una cuenta (18 %) y un checkout largo o complicado (17 %).

Cada una es una decisión de diseño que revisamos antes del lanzamiento: envío y cargos visibles antes del checkout, tiempos de entrega en la página de producto, una pasarela reconocida, compra como invitado por defecto y solo los campos que el pedido de verdad necesita. Medimos cada paso del checkout para que los cambios posteriores se juzguen con datos y no con opiniones.

Pagos y datos de clientes en Colombia

Wompi, Mercado Pago y ePayco son pasarelas de uso común en Colombia. Wompi, por ejemplo, lista tarjetas, PSE, Nequi, Daviplata, transferencias Bancolombia y pagos en efectivo en corresponsales Bancolombia, y su documentación indica que ninguno de sus medios entrega un resultado inmediato. El estado final llega después en un evento firmado, así que un pedido se marca como pagado solo cuando llega ese evento verificado, nunca porque el comprador volvió a la tienda.

Superame, del trabajo publicado de Dardo, aplica la misma regla con otro proveedor: checkout alojado, notificaciones firmadas verificadas en el servidor y manejo idempotente de reembolsos y disputas. Demuestra lógica de confirmación de pagos, no la operación de una tienda.

Los datos de tus clientes requieren una autorización que puedas probar. En Colombia, el artículo 9 de la Ley 1581 de 2012 exige la autorización previa e informada del titular, obtenida por cualquier medio que pueda ser objeto de consulta posterior. Diseñamos los formularios de compra y de boletín para que esa autorización sea una elección clara, guardada con su fecha y su texto. Tu política de tratamiento de datos y la revisión legal quedan en tus manos y las de tu abogado.

Catálogo, búsqueda, datos de producto y migración

Una tienda vale lo que vale su modelo de catálogo. Antes de diseñar definimos productos, variantes, atributos, colecciones y los filtros que de verdad usan los compradores, y quién edita cada campo. La búsqueda y los filtros se construyen sobre esos atributos, y las búsquedas sin resultados quedan registradas para que veas qué buscaban y no encontraron.

Para Google, las fichas de comerciante necesitan datos estructurados Product con nombre, imagen y una Offer con precio, y Google recomienda declarar una sola vez las políticas estándar de envío y devolución en el marcado Organization. Generamos ambos desde el catálogo, así el precio del marcado y el de la página no pueden quedar distintos.

Migrar una tienda existente implica exportar productos, imágenes, clientes e historial de pedidos cuando la plataforma lo permite, asignar cada URL antigua de producto y colección a su nueva dirección con redirecciones permanentes, y comparar conteos y registros de muestra antes de cambiar el dominio.

Preguntas antes de elegir

¿Cuánto cuesta una tienda online?

Los proyectos web de Dardo parten de USD 5.000. El precio de una tienda depende después de la plataforma, la cantidad de tipos de producto y variantes, la lógica de checkout a la medida, las integraciones de pagos y envíos, el contenido y el tamaño de la migración. Cotizamos después de revisar tu catálogo y tu flujo de pedidos, y te recomendaremos una plantilla cuando ese sea el gasto sensato.

¿Me conviene Shopify o una tienda a la medida?

Usa Shopify si quieres un checkout mantenido, herramientas de inventario y apps, y tu diseño funciona con una plantilla o un tema propio. Elige headless o a la medida cuando el contenido y la marca venden, cuando las compras están atadas a reservas, cuentas o anticipos, o cuando el catálogo es tan pequeño que una plataforma completa suma costo sin beneficio. Dardo diseña y desarrolla ambas opciones.

¿Qué pasarelas de pago puede usar una tienda en Colombia?

Wompi, Mercado Pago y ePayco son de uso común en Colombia. La elección depende de los medios que usan tus compradores, los tiempos de desembolso, las comisiones y cómo la pasarela informa los pagos pendientes. Las comparamos según tu flujo de pedidos e integramos la que elijas con confirmación en el servidor.

¿Pueden migrar mi tienda virtual actual?

Sí. Exportamos productos, imágenes, clientes y, cuando la plataforma de origen lo permite, el historial de pedidos; asignamos cada URL antigua a su nueva página con redirecciones permanentes; y comparamos conteos y registros de muestra antes de cambiar el dominio. Si la plataforma anterior no permite exportar las contraseñas de los clientes, planeamos contigo un mensaje de activación de cuenta.

¿Quién administra los productos en el día a día?

Tu equipo. Dejamos el catálogo listo para que puedan agregar productos, cambiar precios e inventario y publicar colecciones sin un desarrollador, y los capacitamos en la entrega. En Shopify eso se hace desde su panel de administración; en una tienda headless o a la medida, desde el CMS o el panel que construimos.

¿Qué debemos entregar nosotros?

Los datos de productos en una hoja de cálculo o exportación, fotos de producto, reglas de envío y devolución, una cuenta en la pasarela de pagos a nombre de tu empresa, y tu política de tratamiento de datos y tus términos. La fotografía de producto y la redacción de textos se pueden sumar al alcance si todavía no las tienes.

¿Siguen optimizando la tienda después del lanzamiento?

Sí, si lo quieres. Después del lanzamiento revisamos los datos de cada paso del checkout, las búsquedas sin resultados y el comportamiento en las páginas de producto, y proponemos cambios y probamos los que tienen tráfico suficiente para medir. Optimización de conversión describe cómo se hace ese trabajo; no prometemos una tasa de conversión específica.

Fuentes y lecturas

Fuentes de esta página, con más detalles de sus publicaciones originales.

Proyectos y estudios relacionados

Sitio de superame.lol, proyecto de DardoEn la práctica / Proyecto seleccionadosuperame.lolVer el proyecto

Elige la plataforma correcta para tu tienda

Cuéntanos el tamaño de tu catálogo, los medios de pago que usan tus compradores y tu plataforma actual. Te recomendaremos Shopify, headless o un checkout propio, con las razones, antes de cotizar el desarrollo.