BRA Cookware
Amazon Storefront · Store Builder · UI/UX · Ecommerce · Shopify
BRA Cookware
BRA Cookware es una marca española de utensilios de cocina con décadas de historia, diseñada en Barcelona y distribuida globalmente. El proyecto consistió en rediseñar y optimizar su presencia en Amazon —la Amazon Storefront con Store Builder, que concentra el 85% de las ventas de la marca en ese canal— y alinear esa experiencia con el sitio oficial en Shopify.
El trabajo abarcó el diagnóstico de la Storefront existente, la reorganización de la arquitectura de colecciones, el rediseño visual dentro de las restricciones del Store Builder, la estrategia de páginas de conversión (Best Value, bundles) y la coherencia visual con bracookware.com. Todo fue entregado en aproximadamente 3 semanas.
Etapas del Proyecto
"Una marca premium con seis colecciones distintas, comprimida en una plataforma que no fue diseñada para contar historias de marca."
El Amazon Store Builder es una herramienta potente pero con restricciones claras: módulos predefinidos, márgenes limitados sobre el layout y ningún control real sobre la jerarquía tipográfica. BRA Cookware tiene un catálogo con colecciones muy diferenciadas —Cast Aluminum, Signature en acero inoxidable 18/10, Efficient Pro, Infinity, Life— que necesitaban una arquitectura de navegación que guiara al comprador hacia el producto correcto según su tipo de cocina y nivel de exigencia.
El reto fue hacer que la Storefront comunicara esa lógica de marca dentro de las restricciones de Amazon, y que esa misma lógica se replicara coherentemente en el sitio de Shopify.
Cómo lo
desarrollé
Un proceso en cinco etapas que arrancó desde el diagnóstico de lo existente y terminó con dos canales alineados bajo un mismo sistema visual.
Auditoría de la Storefront existente
Revisión completa de la estructura de páginas, navegación entre colecciones y jerarquía visual del estado anterior. Se identificaron tres problemas principales: ausencia de una página de entrada que contextualizara las colecciones, mezcla de lógicas de navegación (por tipo de producto y por colección simultáneamente) y falta de alineación visual con el sistema de marca.
Definición de la arquitectura de colecciones
Rediseño del mapa de páginas con una lógica clara: Home como distribuidor, páginas por línea de material (Cast Aluminum, Stainless Steel), páginas por colección específica (Efficient Pro, Infinity, Life, Signature, Master, Professional) y páginas de conversión dedicadas (Best Value, bundles por presupuesto). El eje fue que el comprador pudiera navegar tanto por material como por colección sin perderse.
Diseño visual dentro de los límites del Store Builder
Configuración de todos los módulos disponibles en el Store Builder para maximizar el impacto visual: banners hero de colección con fotografía de producto, tiles editoriales para destacar diferenciadores técnicos (full induction, acero 18/10, certificaciones), y secciones de "más por menos" para anclar la percepción de valor. Cada página de colección siguió el mismo patrón visual para generar coherencia en toda la Storefront.
Estrategia de páginas de conversión
Diseño y configuración de la página Best Value como punto de entrada para compradores orientados al precio, con bundles jerarquizados por rango de inversión (Compac 5 piezas, Premiere & Infinity, Treviso & Infinity). El objetivo era capturar a quien llegaba sin intención de colección definida y guiarlo hacia la compra de mayor valor promedio.
Alineación con bracookware.com (Shopify)
Revisión de la nomenclatura de colecciones, sistema visual y estructura de navegación del sitio en Shopify para asegurar coherencia entre canales. Un comprador que alternara entre Amazon y el sitio propio debía encontrar la misma lógica de colecciones, los mismos nombres y el mismo lenguaje visual, sin fricción entre plataformas.
Herramientas & Stack
Amazon Store Builder como plataforma principal, con Figma para el diseño de assets y Shopify como segundo canal a alinear.
Shopify
Amazon Storefront — Home page con distribución por colecciones
Página Best Value — bundles por rango de inversión
Signature Collection — acero inoxidable 18/10, full induction
bracookware.com — alineación visual con la Storefront
Decisiones de Diseño
Las tres decisiones que más definieron la experiencia final de la Storefront y su impacto en la conversión.
Navegación dual: por material y por colección
BRA tiene compradores que buscan "sartén antiadherente" y otros que buscan "Efficient Pro". Diseñé una estructura que permite entrar por material (Cast Aluminum, Stainless Steel) o directamente por colección, sin que ninguno de los dos flujos interrumpa al otro. Eso resolvió el caos de navegación de la versión anterior y acortó el camino hacia el producto correcto.
Best Value como página de captura, no como oferta
En lugar de tratar la página de Best Value como una liquidación, la diseñé como un punto de entrada para compradores indecisos. Cada bundle fue jerarquizado por nivel de inversión con una justificación de valor clara (qué incluye, por qué conviene). El objetivo era aumentar el ticket promedio capturando al comprador antes de que eligiera solo un producto individual.
Fotografía de producto como el único elemento no negociable
En el Store Builder hay muy poco control sobre tipografía y layout. La decisión fue invertir todo el esfuerzo visual en la calidad y consistencia de los assets de imagen: banners de colección con la misma paleta, mismo estilo de iluminación y mismo encuadre. Eso generó unidad visual sin depender de recursos que la plataforma no permite modificar.
Lo que
aprendí
Diseñar dentro de las restricciones de Amazon obliga a ser más estratégico con cada decisión que tomar en una plataforma propia.
Las restricciones de plataforma son un brief de diseño disfrazado
El Store Builder no permite controlar márgenes, fuentes ni jerarquía tipográfica. Eso forzó a resolver la comunicación de marca casi exclusivamente con imágenes y estructura de páginas. El resultado fue un sistema visual más disciplinado que muchos sitios con libertad total: cuando no podés decorar, tenés que ser claro.
La arquitectura de navegación impacta más que cualquier banner
En una Storefront con seis colecciones y múltiples tipos de producto, la mayor fricción no era visual sino estructural. El comprador no sabía cuál colección le correspondía porque no había un sistema de entrada claro. Resolver la arquitectura antes de tocar cualquier asset fue la decisión que más cambió la experiencia.
Dos canales sin coherencia son peores que un canal bien hecho
BRA tenía un sitio en Shopify y una Storefront en Amazon con nomenclaturas distintas para las mismas colecciones. Alinear ambos canales no era un detalle estético: era una decisión de negocio. Un comprador que investigaba en Amazon y compraba en el sitio propio necesitaba encontrar la misma marca, con los mismos nombres, sin reaprender la lógica de producto.