← Volver a Proyectos

Tupperware

Sistema de diseñoRediseño de eCommerce

Tupperware tenía una tienda distinta en cada país. Creé un sistema de diseño en Figma, rediseñé la tienda de EE.UU. y Canadá y unifiqué 11 sitios de Europa Central y del Este.

Home rediseñada de Tupperware en computadora: banner del catálogo de otoño e invierno y categorías con fotos

Qué necesitaban

Unificar la experiencia de compra de tiendas distintas en cada país y simplificar un checkout engorroso.

Qué hice

Un sistema de diseño en Figma y el rediseño de la tienda de EE.UU. y Canadá.

El resultado

50% menos clics hasta el checkout.

Situación inicial

Tupperware tenía tiendas online desconectadas entre mercados: cada sitio con su propio historial técnico y sus propios estilos. En EE.UU. y Canadá, su principal fuente de ingresos online, el layout confundía y el checkout era engorroso. Las representantes de ventas no podían cambiar ni quitar a la que se asignaba al azar en el checkout.

Qué hice

  • Sistema de diseño en Figma como fuente única para todos los mercados.
  • Rediseño del sitio de EE.UU. y Canadá: navegación, home y checkout más simples.
  • Asociación con representante y “party”: un componente nuevo para elegir, cambiar o quitar a la representante.
  • Recetas: buscador y filtros claros en lugar de páginas interminables.
  • 11 sitios de Europa Central y del Este alineados a una misma identidad de marca.

Home de Tupperware en computadora dentro de un marco de dispositivo Home rediseñada

Frames mobile del rediseño: home, listado, ficha, ofertas, recetas y checkout Flujos en celular

Componente Rep & Party con sus estados: comprar solo, conectar con una representante, cambiar o quitar, y asociar una party Checkout: representante y party

Sección de recetas rediseñada con buscador, filtros y tarjetas Recetas con filtros

Paleta de color del sistema de diseño de Tupperware Sistema de diseño

Los sitios de Europa Central y del Este

Once sitios regionales, un mismo sistema: así quedó la tienda en Rumania, como ejemplo.

En computadora

Home del sitio regional rediseñado en computadora: banner de catálogo de otoño e invierno y categorías con fotos 01 · HomeEntrás y elegísUn banner de campaña y las categorías como protagonistas, con fotos grandes y colores de la marca.

Página de todas las categorías en computadora, con tarjetas de imagen, texto y botón 02 · CategoríasTodo en su lugarCada categoría con imagen, una explicación breve y un botón claro.

Listado de productos en computadora con filtros a la izquierda y grilla de productos 03 · ProductosFiltros que ayudanCategoría, subcategoría, línea de producto y color en una columna, y los productos en una grilla limpia.

Ficha de producto en computadora con imagen grande, descripción y botones 04 · ProductoLo importante, arribaImagen grande, descripción corta y dos acciones: encontrar una representante o pedir.

Sección de recetas en computadora con buscador y tarjetas 05 · RecetasPara inspirarseUn buscador y tarjetas con foto para encontrar qué cocinar.

Detalle de una receta en computadora con instrucciones e ingredientes 06 · RecetaPaso a pasoDuración, dificultad, instrucciones claras e ingredientes al lado.

Página Host a Party en computadora con seis bloques informativos 07 · PartySumate a una partySeis ideas para organizar una reunión, con un llamado a contactar a una representante.

En el celular

Home en el celular con banner de campaña y categorías 01 · HomeLo primero, a pantalla completaBanner de campaña y acceso directo a las categorías.

Categorías en el celular 02 · CategoríasUna columna, fácil de leerImagen, texto breve y botón en cada categoría.

Listado de productos en el celular con botones Filter y Sort 03 · ProductosFiltrar y ordenarDos botones arriba y los productos en dos columnas.

Ficha de producto en el celular con galería 04 · ProductoFotos y datosGalería de imágenes y la descripción debajo.

Receta en el celular con pasos 05 · RecetaCocinar sin perderseFoto, duración, dificultad y pasos numerados.

Resultado

  • 150% más de engagement de las representantes de ventas.
  • 50% menos clics hasta el checkout: de 8–20 a 4–10 por transacción, en promedio.
  • 40% menos de tiempo de compra: de hasta 10 minutos a 2,5 minutos como mínimo.
  • Once sitios regionales alineados a una misma marca, con una base compartida que simplifica el mantenimiento.

“What a change!” (“¡Qué cambio!”) — Representante de ventas, feedback anónimo.

“Finally easy to shop!” (“¡Por fin es fácil comprar!”) — Clienta de hace años, feedback anónimo.

Mi rol: sistema de diseño, rediseño del sitio de EE.UU. y Canadá y transición de 11 sitios regionales.

¿Te suena parecido?

Contame qué necesitás. Te respondo en el día, seguro.