WRKRND

Propuesta privada · WRKRND

Propuesta · Diseño de UX para E-commerce

No construimos sitios.
Diseñamos el lugar donde las personas prefieren comprar.

Cada decisión visual, cada flujo, cada microcopy está pensada para que tu cliente avance hacia la compra sin fricción. Te presentamos dos alternativas de diseño de experiencia para tu e-commerce.

Método

Antes de construir, mapeamos.

Tu cliente atraviesa 7 momentos antes de comprar. Si uno falla, perdiste la venta. Por eso diseñamos para los 7.

01

Atención

Hero que comunica valor en 3 segundos. Sin esto, todo lo demás es invisible.

02

Orientación

Navegación intuitiva. El cliente nunca pregunta '¿dónde estoy?' o '¿cómo regreso?'.

03

Deseo

Producto presentado para que se imagine teniéndolo. Fotos, copy, contexto.

04

Confianza

Reviews, garantías, FAQs antes de que las pidan. Eliminamos toda duda preventivamente.

05

Acción

Checkout sin fricción. Cada campo extra reduce conversión por 7%. Pedimos solo lo esencial.

06

Espera

Post-compra activo: confirmación clara, expectativas seteadas, anticipación cuidada.

07

Retorno

Email flows, segmentación, win-back. La primera venta es solo el comienzo del LTV.

Propuesta

Dos alternativas de experiencia.

Ambas atacan los 7 momentos. La diferencia: hasta dónde personalizamos cada uno para tu marca y tu cliente específico.

Importante: ambas propuestas están dimensionadas para un catálogo de 150–200 productos. Si el inventario excede ese rango, requiere una revisión del alcance: la arquitectura de información, los filtros y el sistema de navegación se reconfiguran.

Fundamentos profesionalesEscenario / 01

Escenario 01 Experiencia Sólida

UX comprobada sobre Shopify. Los 7 momentos cubiertos con mejores prácticas de la industria.

Inversión

$1,500

USD · Pago único

Entrega

4 sem

Qué incluye esta propuesta

01

Alineación inicial

  • Sesión inicial de alineación con tu equipo y el equipo de branding
  • Definición de territorios visuales y narrativos para el diseño de la web
  • Acuerdo de objetivos, audiencia y métricas de éxito antes de diseñar
02

Diseño e implementación

  • Diseño visual completo + implementación end-to-end (no entregamos solo mockups)
  • Theme premium personalizado a tu identidad de marca (colores, tipografía, fotografía)
  • Hero diseñado para comunicar tu propuesta de valor en 3 segundos
  • Navegación intuitiva con jerarquía clara de categorías
  • Búsqueda funcional con sugerencias automáticas
03

Páginas de producto que venden

  • Plantilla de producto optimizada (galería, variantes, social proof above-the-fold)
  • Reviews integradas con Judge.me o equivalente
  • Trust badges, garantías y políticas visibles sin saturar
  • FAQ por producto cuando aplica
04

Checkout sin fricción

  • Checkout Shopify optimizado (1-page si aplica)
  • Métodos de pago locales y globales configurados
  • Cálculo de envío en tiempo real
  • Cupones, descuentos y bundle offers configurables
05

Post-compra y retención

  • Email de bienvenida con descuento de captura
  • Flujo de carrito abandonado (3 emails secuenciales)
  • Email de confirmación, envío y entrega personalizados
  • Pop-up exit-intent con oferta de retención
  • Integración Klaviyo o Shopify Email para campañas futuras
06

Lo que sostiene todo

  • Mobile-first (75%+ del tráfico es móvil)
  • SEO básico configurado (schema, meta, sitemap)
  • Google Analytics + Meta Pixel + tracking de eventos clave
  • Performance optimizada para velocidad de carga
  • 1 ronda de revisiones de diseño + 1 ronda post-lanzamiento
  • Capacitación de 1 hora para que manejes la tienda

Sí incluye

  • — Diseño visual completo de la experiencia
  • — Implementación end-to-end (no entregamos solo mockups)
  • — Configuración técnica, integraciones y go-live

No incluye

  • — Design system formal: a esta profundidad no aplica de forma completa, ya que el theme y la plataforma limitan su aplicación
  • — Mantenimiento posterior al lanzamiento (se cotiza aparte si lo necesitas)
  • — Dominio de la página: la adquisición y registro corre por tu parte
  • — Subscription mensual de Shopify (~$39/mes mínimo) y apps adicionales ($10–30/mes c/u)
Experiencia total · 100% tuyaEscenario / 02

Escenario 02 Experiencia Custom

UX/CX diseñada exclusivamente para tu marca y tu cliente, sin techos de plataforma.

Inversión

$3,750

USD · Pago único

Entrega

10 sem

Qué incluye esta propuesta

01

Alineación inicial

  • Sesión inicial de alineación con tu equipo y el equipo de branding
  • Definición de territorios visuales y narrativos para el diseño de la web
  • Acuerdo de objetivos, audiencia y métricas de éxito antes de diseñar
02

Diseño e implementación custom

  • Diseño visual + implementación end-to-end (entregamos sitio funcional, no solo archivos)
  • Diseño 100% custom basado en research de tu marca y audiencia (zero templates)
  • Sistema de diseño propio: paleta refinada, sistema de tipografía, iconografía custom
  • Hero con narrativa de marca (no genérico "shop now")
  • Arquitectura de información, sitemap y navegación con micro-interacciones que guían sin distraer
  • Search inteligente con resultados personalizados por comportamiento
03

Páginas que cuentan historias, no listados

  • Producto presentado como narrativa: contexto de uso, materiales, story behind
  • Galería avanzada (zoom, video, 360º si aplica)
  • Cross-sell y upsell engineered en momentos específicos del journey
  • Sistema de reviews propio (no widget de terceros) con segmentación
  • Trust signals diseñados a tu marca, no badges genéricos
  • Live chat o flujo conversacional integrado
04

Checkout reimaginado

  • Checkout custom con A/B testing built-in
  • Express checkout (Apple Pay, Google Pay, Shop Pay) prioridad visual
  • Pasarela directa Stripe/Square integrada al flujo de checkout
  • Lógica de descuentos dinámica por comportamiento del usuario
  • Order bumps y last-chance offers en momentos optimizados
05

Post-compra activo y retención

  • Flujos de email avanzados: bienvenida, abandonment, post-purchase, win-back, segmentación por comportamiento
  • Integración Klaviyo o Customer.io con automatizaciones por evento
  • Pop-ups inteligentes basados en intención (no genéricos)
  • Sistema de retención con exit-intent personalizado
  • Páginas post-compra (gracias, tracking, referral) optimizadas para retorno
06

Lo que sostiene todo (a otro nivel)

  • Código 100% propio (Next.js + Tailwind), sin dependencia de plataforma
  • Sistema de inventario integrado a tu sistema actual o headless CMS
  • SEO técnico avanzado (Core Web Vitals 95+, schema completo, sitemap dinámico)
  • Analytics consolidado: GA4 + Meta + custom events para tracking de funnel completo
  • Performance Lighthouse 95+ en todas las métricas
  • Hosting Vercel/Cloudflare incluido primer año
  • 2 rondas de revisiones de diseño + 1 mes de soporte post-lanzamiento
  • Capacitación de 2 horas + manual de uso documentado
  • Repositorio de código entregado (lo posees al 100%)

Sí incluye

  • — Diseño visual + sistema de diseño propio aplicado end-to-end
  • — Implementación completa en código propio (no solo archivos de diseño)
  • — Arquitectura, sitemap y definición del journey durante el proceso
  • — Hosting incluido el primer año + repositorio entregado

No incluye

  • — Mantenimiento posterior al lanzamiento (se cotiza aparte si lo necesitas)
  • — Dominio de la página: la adquisición y registro corre por tu parte
  • — Producción de fotografía de producto y copy de marca extenso (coordinable aparte)

Add-ons opcionales

  • Generación de contenido con productos usando IA

    Imágenes editoriales y de lifestyle generadas con IA usando tus productos reales. Eleva la experiencia más allá del catálogo tipo grid y reduce la dependencia de producciones fotográficas. Cotización aparte según volumen y estilo.

Comparación

Profundidad UX, lado a lado.

Lo que cambia entre fundamentos sólidos y experiencia total.

Dimensión UX/CXEscenario 01Escenario 02
Profundidad de research de marcaBrief inicial + competitorsResearch a fondo + customer interviews opcional
Sesión inicial de alineaciónIncluida (con tu equipo y branding)Incluida (con tu equipo y branding)
Personalización del diseñoTheme premium adaptado100% custom desde cero
Identidad visualSobre tu paleta y tipografíaSistema de diseño propio
Páginas de productoOptimizadas con mejores prácticasNarrativas custom por categoría
Cross-sell / UpsellApps de ShopifyEngineered en código, A/B testeable
CheckoutShopify optimizadoCustom con A/B testing built-in
Email flows3 flujos esenciales6+ flujos con segmentación avanzada
Pop-upsGenéricos configurablesBasados en comportamiento real
Sistema de reviewsApp de tercerosSistema propio o integrado
Performance (Lighthouse)80-90 típico95+ garantizado
SEO técnicoEstándar ShopifyAvanzado (schema completo, OG dinámico)
InventarioShopify nativoIntegrado a tu sistema actual
Propiedad del códigoTheme tuyo, plataforma de Shopify100% tuyo (código + assets)
Costo recurrente plataforma$39+/mes Shopify$0 (hosting incluido año 1)
Soporte post-lanzamiento1 ronda de correcciones1 mes incluido
Inversión inicial$1,500$3,750
Tiempo de entrega4 semanas10 semanas
Filosofía

¿Por qué obsesionarse con UX/CX?

La diferencia entre un site bonito y uno que vende no está en el diseño visual. Está en cuántas decisiones del cliente fueron anticipadas y resueltas antes de que él las haga conscientemente.

Un sitio promedio convierte al 1-2%. Uno con optimización de UX convierte 3-5%. Esa diferencia, sobre $100K en tráfico anual, es $30,000 a $40,000 más en revenue sin gastar un dólar adicional en marketing.

Cada cliente que llega a tu site cuesta dinero (ads, SEO, esfuerzo). UX/CX-centric significa que más de los que llegan se quedan, compran, vuelven, y traen referidos. Es el multiplicador silencioso de todo lo demás que haces.

"Diseñamos para tu cliente, no para tu CEO."
Proceso

Cómo trabajamos la experiencia.

Paso 01

Discovery + UX Mapping

Sesión inicial de alineación con tu equipo y el equipo de branding para definir territorios visuales y narrativos. Mapeamos tu marca, productos, audiencia y los 7 momentos del journey antes de tocar Figma.

Paso 02

Diseño + Prototipado

Wireframes y mockups con previews navegables. Iteramos antes de tocar código. Lo que apruebas, se construye exactamente.

Paso 03

Build + Lanzamiento

Desarrollo con check-ins semanales. Migración, testing UX completo (mobile, tablet, desktop), capacitación, y go-live coordinado contigo.

Términos

Términos de pago.

  • 50%al firmar el acuerdo (inicio de Discovery)
  • 50%al lanzamiento (sitio en producción)
  • —Si los wireframes iniciales no encajan con la dirección acordada, ajustamos sin costo dentro de las rondas de revisión incluidas

Esta propuesta es válida por 14 días. Después de aceptar, agendamos Discovery dentro de 72 horas.

Dudas

Preguntas frecuentes.