Regalo · Rediseño Shopify · Catálogo · Ticket medio
Sip’n’Fox
Detalles de té, rediseñados para que pedir 50 sea tan fácil como comprar uno.
- Cliente
- Sip’n’Fox LLC
- Sector
- Regalo · Alimentación · DTC + B2B
- Mercado
- Estados Unidos
- Rol
- Responsable Shopify: desarrollo, arquitectura de catálogo, SEO
- Periodo
- 2026
- Alcance
- Rediseño · Catálogo · Fichas · Upsells y packs · Tramos B2B · SEO
Sip’n’Fox hace BrewPops, piruletas de té artesanales que se abren en agua caliente, vendidas en EE. UU. como detalles personalizados para baby showers, bodas y regalos de empresa. Audité la tienda, escribí una propuesta por módulos y entregué tres: un rediseño completo sobre un tema premium nuevo, fichas de producto rehechas para convertir y una capa de upsells, packs y precios B2B que sube cada pedido.
La auditoría encontró una tienda que había crecido producto a producto: 78 SKUs que en su mayoría eran el mismo producto en otro color, 8 colecciones solapadas, tres nombres para un mismo producto (Tea Bomb, TeaPop, BrewPop), precios de 0,00 $ publicados, emojis y “(🔴 Pedido mínimo: 25)” dentro de los títulos. Y dos compradores muy distintos (una madre que organiza un baby shower y una responsable de oficina que pide 300 regalos con logo) llegando al mismo sitio sin un camino para ninguno.
Separar los dos recorridos desde la entrada y diseñar un modelo de producto donde cada decisión vive en un único lugar.
De la auditoría a un plan de 73 horas
En lugar de un “rediseño” genérico, convertí la auditoría en una propuesta por módulos: cada tarea con nombre, estimada en horas y ligada a un motivo de negocio. Los fundadores podían aprobar módulo a módulo, pagar la mitad al empezar y la otra mitad a la entrega, y ver exactamente qué recibían. Primero se aprobaron tres módulos.
Rediseño y tema premium nuevo
- Tema premium OS 2.0, tokens de marca, mega menú
- Navegación doble: tienda por ocasión + empresa
- Home rehecha en 8 secciones
- 8 colecciones antiguas → 6 limpias, con SEO
- Plantilla de colección con franja B2B y filtros
- QA móvil, navegadores y Core Web Vitals
Fichas de producto y conversión
- 78 SKUs fusionados en ~18 productos, errores de 0,00 $ corregidos
- Arquitectura de variantes nativas en 6 plantillas
- Campos de sabor, lazo y pegatina, paso a paso
- Textos de conversión y cuatro acordeones
- Franja B2B bajo cada botón de compra
Upsells, packs y precios por volumen
- Selector de packs en cada ficha
- Venta cruzada de tetera “Complete the Magic”
- Carrito lateral con barra de envío gratis y nota regalo
- Tramos corporativos de Bronce a Platino
- Upsell postcompra en un clic
- Packs Wedding Kit y Corporate Pack
La escalera de opciones
En la ficha, las opciones aparecen en un orden fijo (forma, cantidad, lazo, sabor, mensaje) y el precio se actualiza a cada paso. Los packs vienen preseleccionados en el punto óptimo y una venta cruzada de tetera de un clic aparece justo antes del botón de compra.
- 11 colores de lazo como muestras visuales
- 5 sabores de té y mensaje de 60 caracteres
- Cantidad mínima aplicada, no explicada
- 1Precio por pieza: la unidad que se compara
- 2El sabor, una elección obligatoria
- 311 colores de lazo como muestras
- 4Mensaje limitado a 8 palabras
- 5Botón fijo con precio en vivo
Pedidos más grandes sin devaluar la marca
El ticket medio se dejaba al azar. Construí una capa que lo sube en cada paso: un selector de packs preseleccionado en el punto óptimo (×3, −10 %), una venta cruzada de tetera de cristal “Complete the Magic” en un clic, un carrito lateral que muestra cuánto falta para el envío gratis, una nota de regalo y una única oferta postcompra para pedidos minoristas de menos de 100 $. Prueba el carrito:
- Tramos corporativos: Bronce 25–49 · Plata 50–99 (diseño de tarjeta gratis) · Oro 100–499 (+ lazo con marca) · Platino 500+ (caja a medida, solo presupuesto)
- Pack 50 y Pack 100 con “Pedir presupuesto” en lugar de Añadir
- Wedding Kit y Corporate Pack como packs listos
Un buscador que entiende de ocasiones
La gente busca “detalles para baby shower” o “regalos de té para boda”, no “BrewPop”. Las colecciones se rehicieron alrededor de esas intenciones, con textos descriptivos, URL limpias y datos estructurados. Fusionar productos duplicados concentró las señales de posicionamiento en lugar de dividirlas, y cada URL retirada tiene su redirección.
- 1Vender el momento, no el producto
- 2Cinco puertas, por ocasión
- 3Filtro de presupuesto para detalles
- 4La fotografía de marca sostiene cada página, incluso contacto
El sistema detrás de las pantallas
Sip’n’Fox vende algo pequeño, artesanal y emocional, en cantidades de 25 a 300. El diseño tenía que seguir siendo cálido y de regalo mientras soportaba mucha estructura: opciones, mínimos, personalización y un camino B2B.
Color
El naranja zorro se reserva para la única acción importante de cada pantalla. El texto es un negro tostado, “té reposado”, para que la página nunca resulte clínica junto a las fotos de producto.
Tipografía
Small gifts. An unexpected cup.
Titulares · nombres de productoUna serif caligráfica para la capa emocional: ocasiones, nombres, mensajes.
Add to cart · Minimum 25
Botones · etiquetas · navegaciónMayúsculas geométricas para la capa funcional: reglas, cantidades, acciones.
Retícula y espaciado
- Columnas
- 12
- Ancho máx.
- 1200px
- Medianil
- 24px
- Unidad base
- 4px
Las filas de opciones siguen un ritmo de 12 px para que seis elecciones quepan sin agobiar en el primer pantallazo de un portátil.
Decisiones, y por qué
-
01
Elecciones en un orden fijo
Por quéForma → cantidad → lazo → sabor → mensaje refleja cómo se planifica un evento.
En lugar de
Todas las opciones a la vez en un formulario largo. -
02
Género y ocasión resueltos en la navegación
Por quéUna decisión menos en la ficha: ley de Hick.
En lugar de
Una variante “niño / niña” en cada producto. -
03
Pack preseleccionado en ×3
Por quéLa opción central ancla el valor sin rebajar la unidad.
En lugar de
Un código de descuento general. -
04
El B2B nunca muestra carrito
Por quéLas empresas compran con presupuesto y factura, no con un checkout.
En lugar de
Variantes de 300 unidades en la tienda minorista.
Esquema
- Auditoría y propuesta por módulos
- Rediseño sobre tema premium
- Packs, ventas cruzadas y carrito lateral
- Arquitectura web (B2C + B2B)
- Modelo de catálogo y sistema de etiquetas
- 6 plantillas de ficha
- Página de regalos de empresa
- Reestructura SEO y redirecciones
- Plantilla de importación para los fundadores
- Pasar el B2B a los catálogos de empresa nativos de Shopify con precios por tramos.
- Automatizar el calendario de temporadas (Pascua → Día de la Madre → Otoño).
- Flujo de reseñas tras el evento con fotos de clientes como prueba social.
