Dónde estamos y qué sigue
La tienda de Del Mar Surf se construye en 9 fases. Este documento reúne las fases 1 a 5 para revisarlas juntas: primero se aprueba la estructura (aquí, donde los cambios cuestan poco) y recién después se diseña y se programa.
La visión (kickoff 02/07)
- Marca propia primero: ropa de baño hombre/mujer, gorras, shorts de playa, packs de playa, bolso impermeable. Lanzamiento con lo que hay, reinvirtiendo para crecer.
- Visión marketplace: que Del Mar Surf sea una tienda de surf tipo Feeling Board / Surf Place, sumando marcas complementarias (bikinis, wetsuits, accesorios) que no compitan con el producto propio.
- Ventana de lanzamiento: octubre/noviembre 2026, para llegar al verano.
Decisiones que necesitamos del cliente
| # | Decisión | Contexto |
|---|---|---|
| 1 | B2C directo vs. marketplace desde el día 1 | Quedó del kickoff — el benchmark (pestaña 1) da elementos para decidir |
| 2 | Pasarela de pagos | Mercado Pago vs. Culqi vs. Izipay — EQAPLA trae comparativa; define cuotas y Yape |
| 3 | Dominio | delmarsurf.pe / .com — comprar ya si no existe |
| 4 | Cobertura de envíos | Lima primero vs. nacional desde el día 1 |
| 5 | Registro Indecopi | ⚠ Urgente — la marca aún no está registrada (S/990 con la empresa aliada) |
Fase 1 — Benchmark de referencias
Auditamos las tiendas que salieron en el kickoff (Maui, Billabong, Surf Place, Feeling Board, Todo Surf) más referencias internacionales (Rip Curl, Quiksilver, Cleanline Surf). Cada decisión de estructura de esta presentación sale de lo que estas tiendas hacen — no de gustos. El detalle completo vive en investigacion.md del repo.
Las 8 referencias auditadas
Maui and Sons 🇵🇪 Magento 2
- Referencia del cliente: carrusel rotativo (autoplay 5s) — sin producto ni beneficios dentro del hero.
- Multi-marca real: venden Globe y Rusty con filtro por marca en el listado.
- Guía de tallas como tabla integrada en el producto · hasta 3 cuotas sin intereses (BCP, BBVA, Interbank, Diners).
- Newsletter sin incentivo — oportunidad, no patrón a copiar.
Billabong 🇵🇪 VTEX
- La referencia de conversión: beneficios arriba + carrusel + shelf comprable debajo.
- Tallas visibles y "quickview" en las cards del listado — compra sin salir de la lista.
- Yape integrado en el checkout · medidor de envío gratis en el carrito.
- PDP completa: doble CTA, reviews, preguntas y respuestas, guía de tallas.
Surf Place (Punta Hermosa) 🇵🇪 WooCommerce
- Visión №1 de Andrés. Su motor de tráfico: +30 cámaras de olas en vivo + noticias — el surfista entra todos los días.
- Su "marketplace" real es C2C de usados: 823 productos publicados por usuarios.
- Yape por QR manual (captura como comprobante, tope S/500/día) — confirma que Yape debe entrar vía pasarela.
- Puntos + membresía de ahorro · stock por sede visible en cada producto.
Feeling Board 🇵🇪 WooCommerce
- Visión №2. No es marketplace de vendedores: es importador/retailer curado (15+ marcas de tablas).
- La marca tercera como navegación: grid de logos en home + marcas en el menú + filtro por marca.
- Separa ropa propia del hardware de marcas → cero canibalización por diseño.
- Outlet permanente con precio tachado · puntos Feelingboard · surfcams.
Todo Surf (Miraflores) 🇵🇪 WooCommerce
- Multi-marca con páginas por marca — incluida la propia como una más.
- Hasta 12 cuotas sin intereses vía Mercado Pago… que casi no comunican. Gap directo para Del Mar.
- WhatsApp con mensaje prellenado por producto — el cierre asistido peruano.
- Sin guía de tallas ni en su producto propio — otro gap local.
Cleanline Surf 🇺🇸 Shopify
- Referencia internacional multi-marca (30+ marcas) — corre sobre Shopify.
- El patrón multi-marca más barato: colecciones categoría×marca + franja de logos clickeables.
- Guía de tallas del fabricante embebida con toggle cm/pulgadas · tallas intermedias.
- Su marca propia convive como un vendor más del catálogo.
Rip Curl 🌍 Shopify (Dawn)
- Valida el stack: una marca global corre sobre tema Dawn customizado — la misma base del theme de Del Mar.
- Lealtad como eje: envío gratis a menor monto solo para registrados (captura cuentas sin regalar %).
- Badges de 3 estados (Nuevo / Best seller / Últimas unidades) + escasez por talla.
- Hero estático de 1 mensaje / 1 CTA + grid de categorías inmediatamente después.
Quiksilver 🌍 Shopify
- También Shopify. Hero carrusel narrativo mezclando foto y video por colección.
- 15% off primera compra por email+SMS — el patrón de captura a copiar (ningún local lo ofrece).
- Rewards con slot propio en el menú principal.
Qué adoptamos y qué descartamos
✓ Adoptar en el lanzamiento
- Stack de hero Billabong: beneficios + carrusel + shelf comprable (→ wireframe W1)
- Cuotas y Yape como mensaje, no solo medio de pago
- Tallas visibles + compra rápida en las cards
- Guía de tallas por categoría (gap de todo el mercado local)
- Medidor de envío gratis en el carrito
- WhatsApp prellenado por producto
- % de primera compra por email (patrón Quiksilver)
✗ Descartar / posponer
- Hero carrusel puro estilo Maui (solo branding, no convierte)
- Newsletter sin incentivo
- Mercado de usados C2C de Surf Place (sin equivalente barato en Shopify — se evalúa aparte si interesa)
- Filtros sin normalizar (antipatrón Feeling Board)
- Multi-marca día 1: esperar la decisión №1 — el camino técnico ya quedó definido en arquitectura (colecciones por marca, sin app de marketplace)
Comparativa de plataformas
| Referencia | Plataforma | Multi-marca | Hero |
|---|---|---|---|
| Maui and Sons 🇵🇪 | Magento 2 | Sí (filtro por marca) | Carrusel puro |
| Billabong 🇵🇪 | VTEX | No | Carrusel + shelf comprable |
| Surf Place 🇵🇪 | WooCommerce | Sí + usados C2C | Utilitario (cámaras) |
| Feeling Board 🇵🇪 | WooCommerce | Sí (importador curado) | Campañas de marcas |
| Todo Surf 🇵🇪 | WooCommerce | Sí (páginas por marca) | Spotlights de marcas |
| Cleanline Surf 🇺🇸 | Shopify | Sí (30+ marcas) | Promos por marca |
| Rip Curl 🌍 | Shopify (Dawn) | No | Estático 1 CTA |
| Quiksilver 🌍 | Shopify | No | Carrusel foto+video |
Los 3 internacionales corren Shopify → valida el stack elegido para Del Mar Surf. Nada de lo que hacen los locales es exclusivo de su plataforma. Billabong PE auditado vía Wayback Machine (su servidor bloquea lectura automatizada); lo no verificable quedó marcado en investigacion.md.
Fase 2 — Arquitectura de información
El mapa de QUÉ se construye. Cada bloque está clasificado: NATIVO lo trae Shopify o el theme · METAFIELD dato que se carga una vez · APP del App Store · CUSTOM desarrollo a medida · FASE 2 post-lanzamiento. Así se ve de un vistazo qué es gratis y qué cuesta.
Sitemap
delmarsurf.pe (dominio por confirmar) │ ├── Home ├── Hombre ─────────── ropa de baño · shorts · lycras · poleras y polos ├── Mujer ──────────── ropa de baño · lycras ├── Accesorios ─────── gorras · carteritas · bolso impermeable · toallones · pareos ├── Packs de playa ─── combos con ahorro (ancla del ticket promedio) ├── Novedades · Ofertas (automáticas) ├── Marcas aliadas ─── [FASE 2 · marketplace] ├── Producto (PDP) ─── estándar + variante pack ├── Buscador · Carrito · Checkout (Shopify) · Mi cuenta ├── Nosotros · Contacto/WhatsApp · Guía de tallas └── Legales: envíos · cambios · T&C · privacidad · Libro de Reclamaciones
Inventario de plantillas (11)
| # | Plantilla | Qué resuelve | Implementación | Wireframe |
|---|---|---|---|---|
| 1 | Home | Hero convertidor (carrusel + productos destacados + beneficios, patrón Billabong) · categorías destacadas (pedido de Andrés) · best sellers · packs · marca · captura de email | CUSTOM hero; resto NATIVO | W1 |
| 2 | PLP genérica | Colecciones hombre/mujer/accesorios con filtros talla · color · precio, badges NUEVO/OFERTA | NATIVO + APP gratuita | W2 |
| 3 | PLP packs | Grid de packs con contenido visible y ahorro | NATIVO + METAFIELD | W3 |
| 4 | PDP estándar | Galería · talla con guía · material/cuidados · cross-sell "completa tu pack" | NATIVO + METAFIELD | W4 |
| 5 | PDP pack | Contenido ítem por ítem, talla POR CADA prenda, ahorro vs. suma | CUSTOM | W5 |
| 6 | Buscador | Búsqueda predictiva + estado vacío con best sellers | APP gratuita | W6 |
| 7 | Carrito (drawer) | Upsell "completa tu pack" + barra de envío gratis | NATIVO | W7 |
| 8 | Cuenta | Pedidos, direcciones, login | NATIVO | W8 |
| 9 | Páginas informativas | Nosotros · guía de tallas · legales · Libro de Reclamaciones | NATIVO / APP | W9 |
| 10 | 404 | Error con buscador y best sellers (no callejón sin salida) | NATIVO | W10 |
| 11 | PLP por marca aliada | Cabecera de marca + sus productos | FASE 2 | W11 |
El checkout no se diseña: es el de Shopify (se configura logo, colores y campos Perú). La personalización profunda de checkout es exclusiva del plan Plus — no aplica.
Integraciones — con los riesgos declarados por escrito
| Integración | Cómo | Estado / riesgo |
|---|---|---|
| Pagos con tarjeta + cuotas | Pasarela local: Mercado Pago / Culqi / Izipay | Decisión №2 — EQAPLA trae comparativa |
| Yape / Plin | ⚠ No existen como gateway directo de Shopify. Entran vía la pasarela local que los incluya | Riesgo declarado: no se promete Yape nativo hasta confirmarlo con la pasarela elegida |
| Facturación electrónica SUNAT | App local (Nubefact/Efact) conectada a Shopify | Requiere RUC del emisor (ítem 4.1) |
| Envíos | Courier nacional (Olva/Urbano/Chazki/Shalom), tarifas por zona | Decisión operativa (ítems 6.1–6.3) |
| Meta Pixel + Conversions API | Nativo Shopify | La marca ya invierte en pauta Meta |
| Botón flotante con mensaje prellenado por producto | Patrón validado en benchmark (Todo Surf, Surf Place) | |
| Marketplace multi-marca | 3 opciones: consignación simple (recomendada) · compra de stock · app multivendor | FASE 2 — depende de las condiciones que traiga Andrés |
Fase 3 — Flujos de usuario
Los recorridos que definen el negocio, explicados para no técnicos. Los diagramas técnicos (Mermaid) viven en flujograma.md del repo.
Flujo 1 · Compra estándar — el flujo que paga todo
- El cliente llega por pauta de Meta, Instagram o directo.
- Navega por categoría (o busca directo si ya sabe qué quiere).
- En la lista filtra por talla, color o precio.
- En el producto: fotos, selector de talla con guía de tallas, material.
- Agrega al carrito → se abre el drawer con sugerencia "completa tu pack" y barra de envío gratis.
- Checkout: datos + DNI para boleta + zona de envío.
- Paga con tarjeta/cuotas (o Yape vía pasarela) → confirmación + email de seguimiento.
Flujo 2 · Compra de pack
- Entra al pack desde la home o la lista de packs.
- Ve el contenido ítem por ítem y el ahorro vs. comprar suelto.
- Elige talla por cada prenda del pack.
- Si una prenda no tiene su talla: sugerencia de cambio o compra individual.
- Al carrito → checkout estándar.
Flujo 3 · Cambio o devolución
- El cliente entra a "Cambios y devoluciones".
- Formulario o WhatsApp con su número de pedido.
- Se coordina recojo/cambio según la política.
- Si no se resuelve: Libro de Reclamaciones (obligatorio en Perú).
Flujo 4 · Consulta por WhatsApp
- Botón flotante en todo el sitio; desde el producto, el mensaje sale prellenado con el nombre del producto.
- Pre-venta: asesoría de talla/stock con link directo de vuelta al producto.
- Post-venta: estado de pedido y cambios.
Flujo 5 · Email → primera compra
- Pop-up en primera visita: descuento de bienvenida (% por definir — ítem 3.2).
- Deja su correo → código automático + email de bienvenida.
- Compra con el código en el checkout.
Flujo 6 · Alta de marca aliada FASE 2
- Andrés acuerda condiciones con la marca (consignación o stock mínimo).
- Los productos se cargan con su marca y aparecen en su página de marca.
- Venta por el checkout de Del Mar; liquidación mensual si es consignación.
- Si el modelo escala (+5 marcas), se evalúa app multivendor.
Fase 4 — Solicitud de información
Todo lo que necesitamos del cliente, en UNA sola lista — para resolverla en una única sesión de materiales y no en pedidos sueltos que frenan el cronograma. Prioridad: 🔴 bloqueante 🟡 ideal para lanzar 🟢 fase 2. También entregada en Word (solicitud-informacion.docx).
1 · Marca
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 1.1 | Logo en vectores | .AI/.SVG/.EPS — positivo, negativo y sobre foto | 🔴 | ⬜ pendiente |
| 1.2 | Colores y tipografías | Brandbook si existe; si no, referencias del IG | 🔴 | ⬜ pendiente |
| 1.3 | Registro Indecopi | Vía empresa aliada EQAPLA: S/990 total (incl. tasa S/524), ingreso en 48h — evaluación hecha: registrable | 🔴 | 🤝 por coordinar |
| 1.4 | Historia de la marca | 3–5 párrafos o audio, para "Nosotros" | 🟡 | ⬜ pendiente |
2 · Productos y fotografía
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 2.1 | Lista maestra de productos | Excel: nombre, categoría, colores, curva de tallas, precio, stock | 🔴 | ⬜ pendiente |
| 2.2 | Fotos de producto | Mín. 4 por producto (frente, espalda, detalle, en uso). Si no existen: sesión de estudio EQAPLA S/700 | 🔴 | 🤝 por coordinar |
| 2.3 | Fotos lifestyle / campaña | Playa, surf, producto en uso — para el hero | 🟡 | ⬜ pendiente |
| 2.4 | Descripciones / ficha técnica | Material, protección UV, cuidados — EQAPLA redacta la versión web | 🔴 | ⬜ pendiente |
| 2.5 | Guía de tallas | Tabla de medidas por categoría | 🔴 | ⬜ pendiente |
| 2.6 | Definición de packs | Qué packs salen al lanzamiento y contenido | 🟡 | 🔵 propuesta circulada 01/07 |
| 2.7 | Productos en desarrollo | Carteritas, bolso impermeable… para fase 2 | 🟢 | ⬜ pendiente |
3 · Contenido y comunicación
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 3.1 | Confirmar @delmar.surf para feed y pauta | 🟡 | ⬜ pendiente | |
| 3.2 | Beneficio primera compra | % o monto del descuento del pop-up | 🟡 | ⬜ pendiente |
| 3.3 | WhatsApp de atención | Número + horario + quién responde | 🔴 | ⬜ pendiente |
| 3.4 | Tono de la marca | Palabras que usan y NO usan | 🟡 | ⬜ pendiente |
4 · Legal (Perú)
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 4.1 | RUC y razón social | Para boleta/factura electrónica SUNAT | 🔴 | ⬜ pendiente |
| 4.2 | Política de cambios | Plazos y condiciones — EQAPLA propone borrador si no existe | 🔴 | ⬜ pendiente |
| 4.3 | Privacidad y T&C | Datos del titular (Ley 29733) | 🔴 | ⬜ pendiente |
| 4.4 | Libro de Reclamaciones | Correo del responsable — la web la hace EQAPLA | 🔴 | ⬜ pendiente |
5 · Técnico y accesos
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 5.1 | Dominio | ¿Existe delmarsurf.pe/.com? Si no: decidir y comprar | 🔴 | ⬜ pendiente |
| 5.2 | Cuenta Shopify | Email del owner (plan Basic para lanzar) | 🔴 | ⬜ pendiente |
| 5.3 | Pasarela de pagos | MP vs. Culqi vs. Izipay — EQAPLA trae comparativa; el cliente decide y abre cuenta con su RUC | 🔴 | 🤝 por coordinar |
| 5.4 | Meta Business Manager | Acceso para Pixel + Conversions API | 🟡 | ⬜ pendiente |
| 5.5 | Correo corporativo | ej. hola@delmarsurf.pe | 🟡 | ⬜ pendiente |
6 · Operación y logística
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 6.1 | Cobertura de envíos | ¿Lima primero o nacional? Zonas y plazos | 🔴 | ⬜ pendiente |
| 6.2 | Courier | ¿Trabajan con alguno? Tarifas si existen | 🔴 | ⬜ pendiente |
| 6.3 | Punto de despacho | Dirección + quién empaca | 🔴 | ⬜ pendiente |
| 6.4 | Packaging | ¿Empaque de marca o genérico al lanzar? | 🟡 | ⬜ pendiente |
| 6.5 | Stock inicial | Unidades por producto/talla para oct/nov | 🔴 | ⬜ pendiente |
7 · Comercial y modelo de negocio
| # | Qué necesitamos | Especificación | Prioridad | Estado |
|---|---|---|---|---|
| 7.1 | Decisión: B2C vs. marketplace día 1 | ¿Lanzamiento 100% producto propio o ya con marcas aliadas? | 🔴 | ⬜ pendiente |
| 7.2 | Marcas peruanas contactadas | Nombre, contacto, condiciones (consignación vs. stock) — tarea de Andrés | 🟢 | 🤝 en curso |
| 7.3 | Precio de envío al cliente | ¿Gratis desde S/X? ¿Tarifa plana? | 🔴 | ⬜ pendiente |
| 7.4 | Meta de lanzamiento | Confirmar ventana y fecha ancla | 🟡 | 🔵 oct/nov 2026 |
Resumen: 29 ítems · 17 bloqueantes 🔴 · 9 ideales 🟡 · 3 fase 2 🟢. Los bloqueantes de productos/fotos y legal son los de mayor lead time — conviene empezar por ahí.
Fase 5 — Wireframes esquemáticos
Un boceto por plantilla del inventario de arquitectura. Son cajas grises con etiquetas, no diseño: sin colores de marca, sin fotos, sin tipografía final — para que la conversación sea sobre la estructura (qué va, en qué orden), que es donde los cambios cuestan poco. Cada wireframe referencia su plantilla en la pestaña Arquitectura.
(patrón Billabong)
Ropa de baño H
Ropa de baño M
Shorts
Lycras
Accesorios
talla · color · precio · categoría
badge NUEVO
badge OFERTA
contenido visible + AHORRAS S/X
contenido visible + AHORRAS S/X
contenido visible + AHORRAS S/X
frente · espalda · detalle · en uso
pedidos · direcciones · salir