«No hacemos tazas, hacemos MUGMUGs». Con esa frase en la cabeza diseñamos la nueva tienda online de MUGMUG: una web con carita, que explica el precio sin letra pequeña y que te invita a llevarte una taza más sin presionarte.
En 30 segundos
- MUGMUG vende tazas de artista en cerámica de calidad AAA. La web tenía que transmitir humor y personalidad en cada rincón.
- El precio baja con cada taza: 10 €, 9 €, 8,50 € y 8 € a partir de cuatro. Una barra te va diciendo cuánto te falta para pagar menos y para el envío gratis.
- El carrito es una taza que se llena con minitazas, y la ficha de cada taza cuenta la historia que hay detrás del diseño.
MUGMUG es una tienda de tazas y merch diseñados por artistas e ilustradores. Empezó con un artista en casa, Ramón Redondo, de Tempus Fugit Studio, y sus personajes con carita, guiños frikis y frases para sobrevivir a los lunes. Hoy tiene 59 diseños repartidos en colecciones como Office Survive, Café o muerte, Geek o Juegos de mesa, y la idea es que pronto lleguen más artistas.
Para la nueva tienda nos pusimos un reto: que comprar una taza fuera casi tan divertido como usarla.
Una marca con carita, de la cabecera al pie
La identidad de MUGMUG ya tenía un personaje: la taza blanca con ojos y mofletes. La convertimos en el hilo de toda la web. Aparece en la portada, en la tienda, en las fichas y hasta en el carrito, siempre con trazo negro grueso, sombras marcadas y el rojo de la marca.
La portada lo dice todo en una pantalla: qué es MUGMUG, desde cuánto cuesta una taza, que el envío es gratis a partir de 50 € y que cada taza es de calidad AAA. Las tazas del círculo van cambiando, así que cada visita enseña diseños distintos.
Colecciones para elegir tu rollo
Con casi sesenta diseños, el catálogo necesitaba orden. Agrupamos las tazas por el tipo de humor de quien las compra, y no por categorías de almacén. Cada colección tiene su color pastel, su frase y su taza protagonista.
En la tienda, esas mismas colecciones se convierten en botones para filtrar, con el mismo punto de color. Quien busca algo para el compañero de la oficina va directo a Office Survive; quien juega a rol, a Geek.
Cuantas más, más baratas (y la web te lo cuenta)
Aquí está el corazón de la tienda. En MUGMUG el precio baja con cada taza que añades, y puedes mezclar los diseños que quieras: 10 € una, 9 € cada una si llevas dos, 8,50 € con tres y 8 € a partir de cuatro. Una buena oferta solo funciona si se entiende, así que la contamos en tres sitios.
- En la portada y en la tienda: la escala completa, con la tarjeta de cuatro tazas destacada en rojo.
- En la barra superior: dos mensajes que cambian en directo, como «Añade 1 taza más y pagas 8 € cada una» y «Te faltan 24,50 € para el envío gratis», cada uno con su barra de progreso.
- En la ficha de cada taza: la misma escala, que se ilumina según lo que ya llevas y celebra con un «¡Precio mínimo desbloqueado!».
Una oferta que no se entiende no vende. Una que te acompaña mientras compras, sí.
Tu taza-carrito
El carrito no es un icono más. Abajo a la derecha flota la taza de MUGMUG con un globo que cuenta las tazas que llevas. Cuando añades alguna, se llena de minitazas de colores y te dice «¡Lléname!». Al pulsarla se abre «Tu taza-carrito», un panel lateral con todo lo importante.
En el panel se ve cada taza con su precio original tachado y el nuevo, las dos barras de progreso y una línea verde con el «Ahorro por pack». También te dice cuánto cuesta el envío y desde cuándo es gratis. Nada de sorpresas al final: cuando llegas a pagar ya sabes exactamente lo que vas a pagar.
Fichas que cuentan la historia de cada taza
Una taza de artista no se vende solo con una foto. Cada ficha tiene una frase con gracia, por ejemplo «Para los que tararean a Ricky Martin mientras leen sobre primigenios», y una sección «Detrás de esta taza» con la idea del diseño, para quién es y quién la ha dibujado.
Junto al botón de compra están el envío, la calidad AAA y un acceso directo a WhatsApp para dudas. Al final de la ficha, «Otras tazas para tu colección» recuerda que con cuatro tazas cada una sale a 8 €.
Pensada para el móvil
Muchas compras de este tipo se hacen desde el móvil, en un rato libre. En pantalla pequeña, la cabecera se queda con lo esencial y la barra superior va alternando sus mensajes para no ocupar dos líneas. Las colecciones pasan a una rejilla cómoda de tocar, y la taza-carrito flotante siempre está a mano.
Una casa para artistas
MUGMUG quiere crecer con más ilustradores, y la web ya está preparada para eso. La página «Nosotros» explica en tres pasos cómo un dibujo acaba en tu desayuno, por qué importa la calidad AAA y quién hay detrás de cada diseño. Además, invita a otros artistas a sumarse con un «Quiero sumarme». En la portada, la sección «Enséñanos tu MUGMUG» anima a compartir fotos con #MiMugMug, porque una taza en una mesa real convence más que cualquier render.
Todo está construido sobre WordPress y WooCommerce, con Divi y una capa de diseño y funciones a medida: los precios por pack, la barra de progreso, la taza-carrito o los favoritos. Así MUGMUG puede subir tazas nuevas, cambiar textos y crear colecciones sin depender de nadie.
Lo que nos llevamos para cualquier tienda online
- La personalidad también vende. Una tienda pequeña no compite en precio con los gigantes; compite siendo inolvidable.
- Explica la oferta donde se decide. En la cabecera, en la ficha y en el carrito, no solo en un banner.
- Enseña el progreso. «Te falta una taza» motiva mucho más que «descuento por volumen».
- Nada de sorpresas al pagar. Envío, ahorro y total claros desde el carrito.
- Cuenta historias. Si tus productos tienen alma, que la ficha lo diga.
Si estás pensando en montar o renovar tu tienda, en cuánto cuesta una web profesional te explicamos qué conviene mirar antes del precio.
¿Tu tienda invita a llevarse una más?
Repasa tu tienda online con esta lista. Vale para tazas, ropa, cosmética o cualquier producto con alma.
Puedes usar esta lista aquí mismo. No envía ni guarda tus respuestas.
Preguntas que suelen salir en la conversación
¿Se pueden hacer descuentos por cantidad en WooCommerce?
Sí. En MUGMUG el precio de cada taza baja según cuántas llevas en total, mezclando diseños, y la web lo calcula y lo muestra en directo en la cabecera, la ficha y el carrito. Se puede adaptar a otros productos y escalas.
¿Puedo gestionar yo los productos después?
Sí. La tienda está hecha en WordPress y WooCommerce, así que puedes añadir productos, cambiar precios, crear colecciones o editar textos desde el panel. Al entregarla te enseñamos a hacerlo.
¿Cuánto cuesta una tienda online así?
Nuestras tiendas online empiezan desde 2.299 € + IVA. Las funciones a medida, como los precios por pack o un carrito personalizado, se presupuestan según lo que necesites. Lo vemos juntos en una primera conversación.
Visita la tienda de MUGMUG · Así trabajamos el diseño web · Branding
