Qué es esto y qué necesitamos de ti
Este es el paquete de estructura de la nueva tienda Gomilovers: qué páginas existen, cómo se navega, qué patrones adoptamos de las mejores tiendas del rubro y qué información necesitamos para avanzar. Aquí es donde los cambios cuestan poco — todo lo que se apruebe en esta etapa pasa a diseño en Figma y recién después a código.
7/7
referencias auditadas corren Shopify — plataforma validada
13
plantillas wireframeadas listas para tu feedback
4
productos en alcance (los 4 futuros entran sin rediseño)
8
decisiones que solo tú puedes tomar (pestaña 04)
Los 3 pilares de la propuesta
★ Entrada Para Ella / Para Él. Tus winners tienen sección propia en el home y primeros lugares en el menú (patrón Ritual). Cross-selling recíproco SIEMPRE: quien mira Ella ve Él, y al revés — más el Pack Pareja como upsell natural.
Beneficio como protagonista. Categorías por beneficio (Activa tu metabolismo · Descanso y relajación · Energía y líbido), tagline de beneficio en cada card, y cada producto tiñe su página con su color de línea (design system v1.1.3 ya validado contigo).
AOV por packs. El patrón comercial más repetido del rubro: packs x2/x3 con precio ancla tachado, "Pack 24/7" (Energy+Dreams), "60 gomitas = 30 días" como ancla de recompra. La colección Promociones se convierte en "Compra más, ahorra más".
Confianza Perú. Sellos (sin azúcar/gluten/lactosa/GMO, HACCP, BPM) como badges visuales, aval DIGESA en FAQ, WhatsApp visible, Libro de Reclamaciones, Yape/Plin vía Izipay en el checkout.
Qué sigue
- Tu feedback sobre esta presentación (estructura de wireframes + 8 decisiones de la pestaña 04).
- Entrega de los materiales 🔴 bloqueantes de la solicitud (pestaña 04).
- Con estructura validada → diseño en Figma (mediana fidelidad) → código → staging → producción.
01 · Investigación — 7 tiendas reales auditadas en vivo
Cada decisión de estructura sale de lo que hacen las mejores tiendas de gomitas funcionales del mundo y de la región — no de gustos. Auditamos home, colecciones y páginas de producto de cada una (07-07-2026). Detalle completo en investigacion.md.
| Referencia | País | Navegación | Palanca de ticket | Lo más robable |
|---|---|---|---|---|
| Goli | 🇺🇸 | Por producto (landings) | packs 1/3/5 + precio tachado | Landing larga mono-producto · "lo que NO contiene" · garantía risk-free |
| OLLY | 🇺🇸 | Por beneficio | Buy 3 Get 1 (cupón) | Tagline de beneficio en cada card · colección como "mundo del beneficio" |
| Lemme | 🇺🇸 | Beneficio + best sellers | bundles con nombre | Color por producto tiñe toda su página — valida nuestro design system |
| Ritual | 🇺🇸 | Por persona (Women/Men) ★ | 20%→30% por 2+ productos | Entrada Mujer/Hombre primero en el menú · tabs de cruce |
| SugarBear | 🇺🇸 | Por línea de producto | escalera 1sem/1/3/6 meses | Regalo-muestra de OTRO producto en toda orden · garantía 100 días |
| Yumi Gumi | 🇵🇪 | Por beneficio | "Arma tu pack" | Packs cruzados día+noche ("Energía 24/7") · WhatsApp · Libro de Reclamaciones |
| Gummy Life | 🇲🇽 | Por producto | packs 2/3 + suscripción −20% | "60 gomitas = 30 días" · garantía 30 días · aval regulatorio en FAQ |
Hallazgo estructural: las 7 corren Shopify — valida la plataforma elegida para Gomilovers.
Patrones que adoptamos (14)
- Entrada Para Ella / Para Él, persona primero (Ritual) — con ventaja nuestra: son productos pareja → cross-sell recíproco.
- Tagline de beneficio en toda card (OLLY) — nunca nombre+precio solos.
- Packs con ancla tachada (Goli/Lemme/Gummy Life) — el patrón más repetido del rubro.
- Pack cruzado día+noche con nombre (Yumi Gumi) — "Pack 24/7" y "Pack Pareja".
- "60 gomitas = 30 días" (Gummy Life) — convierte S/99 en "S/3.30 al día".
- Colección como mundo del beneficio (OLLY) — clave con 1-2 productos por colección.
- "Lo que NO contiene" + sellos como badges (Goli/Lemme/SugarBear).
- Claims con verbos de soporte + dosis (Lemme/Ritual) — "ayuda a…", nunca curas; resuelve lo legal.
- FAQ dentro de la página de producto (Yumi Gumi/Gummy Life).
- Garantía explícita con número grande (Goli/SugarBear/Gummy Life) — decisión D7.
- WhatsApp visible + Libro de Reclamaciones con badge (Yumi Gumi) — higiene Perú.
- Barra de anuncio persistente con el delivery gratis (todas).
- Escalera de volumen en el menú (SugarBear "Buy More & Save") — nuestra colección Promociones.
- Regalo-muestra cross-producto (SugarBear) — decisión D8 (requiere sachets).
Qué descartamos (por ahora)
- Suscripción en el lanzamiento — ninguna peruana la tiene; primero validar recompra vía email (queda como D5/fase 2).
- Quiz de recomendación — con 4 productos la navegación directa es más corta.
- Loyalty/puntos — prematuro para el volumen actual.
- Landings funnel fuera del catálogo (Goli) — rompe feeds de Meta/Google; nuestra PDP larga logra lo mismo.
02 · Arquitectura — qué se construye
El documento maestro: cada URL con su plantilla, cada bloque clasificado por costo de implementación. Detalle completo en arquitectura.md.
NATIVO incluido en el build · METAFIELD editable por ustedes sin código · APP app con posible fee mensual · CUSTOM desarrollo a medida
Sitemap
gomilovers.com ├── / HOME ├── /products/gomi-balance PDP · verde · Activa tu metabolismo ├── /products/gomi-dreams PDP · morado · Descanso y relajación ├── /products/gomi-energy-para-ella PDP · rojo · ★ winner ├── /products/gomi-energy-para-el PDP · azul · ★ winner ├── /collections/… 4 colecciones por beneficio + Promociones ├── /blogs/bienestar (+artículos) educación → cada artículo vende su producto ├── /pages/nosotros · faq · contacto institucional ├── /pages/libro-de-reclamaciones legal Perú (INDECOPI) ├── /policies/* políticas nativas ├── carrito (drawer) → checkout nativo Izipay: tarjetas + Yape/Plin └── /account · /search · 404 sistema
La página de producto (la plantilla que más vende)
- Galería sobre el gradiente de su línea + buy box con "60 gomitas = 30 días".
- Upsell de cantidad x1 / x2 / x3 con ancla tachada.
- ★ Cross-sell "Combínalo con": en Ella → Él (y viceversa, SIEMPRE recíproco); en Balance/Dreams → winner afín + entre sí. Editable por ustedes sin tocar código.
- Ingredientes con dosis + claims cuidados · FAQ del producto · reviews · educativo del beneficio.
Integraciones — riesgos declarados por escrito
| Integración | Estado | Riesgo |
|---|---|---|
| Izipay (tarjetas + Yape/Plin) | a validar | RIESGO #1 — confirmar que funciona DENTRO del checkout de Shopify antes de prometer. Alternativas: Mercado Pago / Culqi / Niubiz |
| Envíos (gratis todo Perú) | a confirmar | ¿gratis siempre o desde umbral? — decisión D4; courier y plazos por zona |
| Facturación electrónica SUNAT | a confirmar | depende del facturador actual del cliente |
| Klaviyo (email) · Meta Pixel · Clarity | ya operando | migrar/verificar en el theme nuevo ANTES del go-live |
| Reviews | decisión D3 | Judge.me free (recomendada) vs Loox |
Checkout: se usa el nativo de Shopify (personalizarlo requiere plan Plus — no lo asumimos). Branding básico sí (logo, color).
Preparado para crecer
Los 4 productos futuros no se diseñan ahora, pero la estructura los absorbe: lanzar uno nuevo = cargar el producto + llenar sus metafields (beneficio, color de línea, cross-sell, FAQ). Cero código.
03 · Flujogramas — cómo se navega
Los 3 recorridos que definen el negocio (+ postventa). Fuente: flujograma.md.
Compra estándar
flowchart LR
A["Home"] -->|"card"| B["Página de producto"]
B -->|"pack x1/x2/x3"| C["Carrito drawer
progreso + cross-sell"]
C --> D["Checkout Shopify
Izipay: tarjeta / Yape / Plin"]
D --> E["Confirmación + email"]
★ Winners: Para Ella / Para Él con cross-sell recíproco
flowchart TD
H["Home: sección dual
PARA ELLA rojo · PARA ÉL azul"] -->|"clic"| PE["PDP Para Ella"]
H -->|"clic"| PL["PDP Para Él"]
PE -->|"Combínalo con"| PL
PL -->|"Combínalo con"| PE
PE -->|"Pack Pareja"| C["Carrito con 2 ítems"]
PL -->|"Pack Pareja"| C
C --> K["Checkout"]
ADS["Meta Ads
ángulo Ella / ángulo Él"] -.-> PE
ADS -.-> PL
Entrada por beneficio (pauta / orgánico)
flowchart LR
ADS["Meta Ads"] --> PLP["Colección del beneficio
hero + educativo"]
SEO["Google"] --> ART["Artículo del blog"]
ART -->|"CTA"| PDP["Página de producto"]
PLP --> PDP
PDP --> CART["Carrito"]
Postventa / soporte
flowchart LR
C["Cliente"] --> FAQ["FAQ"]
FAQ -->|"no resuelve"| WA["WhatsApp"]
C --> WA
C -->|"reclamo legal"| LR["Libro de Reclamaciones
correlativo + copia email"]
04 · Solicitud de información — todo en una sola lista
Para no frenar el cronograma con pedidos sueltos: 34 ítems organizados por categoría. 🔴 bloqueante (sin esto no hay lanzamiento) · 🟡 ideal para lanzar · 🟢 fase 2. Pedimos además un interlocutor por categoría y un kickoff de materiales de una sesión. Versión completa: solicitud-informacion.md.
1 · Marca y diseño (4 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 1.1 | Brandbook vigente (confirmar 2025 como final) | 🔴 ✅ |
| 1.2 | Logo vectorial AI/SVG (original / negativo / negro) | 🔴 |
| 1.3 | Vectores oficiales del book (iconografía) en SVG | 🟡 |
| 1.4 | Licencias de las fuentes manuscritas (solo piezas publicitarias) | 🟢 |
2 · Fotografía y video (5 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 2.1 | Foto de frasco × 4 (alta resolución, PNG fondo transparente) | 🔴 |
| 2.2 | Foto de gomitas sueltas × 4 | 🔴 |
| 2.3 | Etiqueta / tabla nutricional legible × 4 | 🔴 |
| 2.4 | Lifestyle por beneficio (personas reales, Ella y Él) | 🟡 |
| 2.5 | Video corto de producto | 🟢 |
3 · Contenido y copy (6 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 3.1 | Claims permitidos por producto (aprobados legalmente — fuente de verdad del copy) | 🔴 |
| 3.2 | Ficha técnica × 4: ingredientes con dosis, modo de uso, advertencias | 🔴 |
| 3.3 | Historia / nosotros (bullets — nosotros redactamos) | 🟡 |
| 3.4 | Las 10-15 preguntas reales de clientes (WhatsApp/IG) | 🟡 |
| 3.5 | Testimonios existentes con autorización | 🟡 |
| 3.6 | Temas para 4 artículos de blog | 🟢 |
4 · Legal y regulatorio (5 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 4.1 | Razón social + RUC + dirección fiscal | 🔴 |
| 4.2 | Registro sanitario DIGESA × 4 productos | 🔴 |
| 4.3 | Políticas (cambios, envíos, privacidad, T&C) | 🔴 |
| 4.4 | Libro de Reclamaciones: responsable + email receptor | 🔴 |
| 4.5 | Facturación electrónica: proveedor y flujo | 🟡 |
5 · Técnico y accesos (7 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 5.1 | Acceso Shopify admin + plan contratado | 🔴 |
| 5.2 | Izipay: estado real (¿Yape/Plin dentro del checkout?) — riesgo #1 | 🔴 |
| 5.3 | Acceso DNS / dominio gomilovers.com | 🔴 |
| 5.4 | Klaviyo (confirmar cuenta — ya operamos) | 🟡 🔵 |
| 5.5 | Meta Business: pixel + acceso (ya operamos pauta) | 🟡 🔵 |
| 5.6 | Google Analytics 4 | 🟢 |
| 5.7 | Google Search Console | 🟢 |
6 · Operación y logística (5 ítems)
| Ítem | Prioridad | |
|---|---|---|
| 6.1 | Política de envío real (¿gratis siempre? courier, plazos por zona) | 🔴 |
| 6.2 | WhatsApp comercial + horarios | 🔴 |
| 6.3 | Proceso de pedidos y tracking | 🟡 |
| 6.4 | Stock por SKU + lead time (para no lanzar con agotados) | 🟡 |
| 6.5 | Empaque / unboxing (fotos) | 🟢 |
7 · Decisiones comerciales — solo tú puedes tomarlas (8)
| Decisión | Recomendación EQAPLA | Prioridad | |
|---|---|---|---|
| D1 | Entrada Para Ella / Para Él | Directo a cada página de producto (sin landing intermedia) | 🔴 |
| D2 | Packs x2/x3: descuentos y mecánica | Descuento nativo por cantidad (sin app): ej. x2 −10%, x3 −15% | 🔴 |
| D3 | App de reviews | Judge.me (gratis) — ¿hay reseñas que migrar? | 🟡 |
| D4 | Envío gratis: ¿siempre o umbral? | Si es siempre → el carrito empuja el pack, no el envío | 🔴 |
| D5 | Suscripción | Fase 2 — primero validar recompra vía email | 🟢 |
| D6 | Mecánica de Promociones | Packs con nombre: Pack Pareja · Pack 24/7 · Trío Bienestar | 🟡 |
| D7 | Garantía de satisfacción | Evaluar "garantía 30 días" (patrón del rubro) | 🟡 |
| D8 | Sachets de muestra como regalo | Si producirlos es viable, es el mejor cross-sell del benchmark | 🟢 |
05 · Wireframes — la estructura de cada página
Cajas grises con etiquetas, a propósito sin diseño: aquí se opina de estructura (qué va, en qué orden), no de estética. 13 plantillas; cada bloque indica su costo de implementación. El diseño real usa el design system ya validado.
Design System v1.1.3 — ya validado con tu feedback
El sistema visual que vestirá estos wireframes. Incorpora todas tus correcciones: gradientes de 2-3 tonos de una misma línea (sin acercarse al blanco), categorías por beneficio, frutas como recurso secundario, corazón solo en el logo, manuscritas fuera de la web, y el color por producto: verde Balance · morado Dreams · rojo Para Ella · azul Para Él.
Documentación del design system ↗ Tienda demo interactiva ↗
Cómo se conecta: los tokens (colores, tipografía, espaciado, componentes) de este design system se traducen 1:1 a variables del theme de Shopify en la fase de código. Un solo origen de verdad: lo que apruebas aquí es lo que se programa.