E-commerce · UX/UI · Dirección de arte
TANEX
De Mercado Libre a tienda propia: un e-commerce tech pensado para vender.
- Año
- 2026
- Cliente
- TANEX
- Rol
- Diseño web, dirección de arte, naming, copywriting e imagen de producto
- Disciplinas
- E-commerce · UX/UI · Dirección de arte · Naming · Copywriting · Imagen generada con IA
- Plataforma
- Tiendanube
- Herramientas de IA
- Nano Banana 2.0 en Adobe Firefly · Claude
Contexto
TANEX es una marca de accesorios tecnológicos para el día a día.
Hasta ese momento vendía solo a través de Mercado Libre. Funcionaba, pero tenía un límite: el cliente compraba "un localizador", un "aro de luz", pero no compraba la marca TANEX porque la marca no existía fuera de la plataforma.
El problema
El objetivo era abrir un canal de venta propio, sin perder la confianza que daba Mercado Libre.
El brief lo resumía en una frase que guió todo el proyecto:
Buscamos algo claro, directo y enfocado en vender.
El cliente no buscaba algo artístico. Buscaba una tienda simple, profesional y que convirtiera.
El punto de partida
Las imágenes que usaba TANEX eran el material genérico del proveedor, el mismo que puede usar cualquier vendedor del mismo producto:
- La marca no aparecía. En los productos y en las cajas se leían otros nombres; TANEX no estaba en ninguna imagen.
- Saturación visual. Fondos azules, infografías llenas de bloques, íconos y textos largos compitiendo con el producto.
- Textos poco cuidados. Errores de ortografía, frases traducidas a medias y pantallas de app en inglés.
- Datos que se contradecían. Por ejemplo, una imagen prometía más de 2 años de batería y otra, de 6 a 8 meses.
- Ningún sistema. Cada producto venía de un proveedor distinto y hablaba un idioma visual distinto: azules saturados e infografías en el localizador, paisajes de montaña en los auriculares, fotos cálidas de estilo de vida en el aro de luz. Vistos juntos, parecían marcas diferentes.
Era justo lo contrario de lo que pedía el brief: en lugar de transmitir confianza, generaba dudas.
A eso se sumaba una dificultad técnica: Tiendanube limita mucho lo que se puede diseñar dentro de una página de producto.
La idea
Hacer que una marca pequeña se vea como una marca tech premium.
La referencia fue el lenguaje visual de las marcas tech premium: el producto como protagonista, mucho aire, pocas palabras y cada sección con una sola función. La premisa era clara: si la tienda transmite que es una marca seria, el cliente compra con la misma confianza que en Mercado Libre.
Decisiones de dirección de arte
Blanco, aire y producto.
Fondo blanco, tipografía Inter y una paleta casi neutra. El único color de acento es un turquesa (#01AEC5), reservado para etiquetas e íconos. El producto aporta el color; la interfaz se aparta.
Una home que acompaña la decisión de compra.
Cada sección responde a una duda del cliente, en orden:
- 01¿Qué es esto? Hero con la promesa de marca: Tecnología para el día a día. Diseñada para simplificar. Construida para durar.
- 02¿Qué venden? Grilla de productos, con el producto como única imagen.
- 03¿Quiénes son? Una frase que presenta la marca: tecnología útil para la vida real.
- 04¿Por qué lo necesito? Bloque tipo landing de un producto destacado (TANEX LINGUA: El mundo en tu idioma. La música en tu oído.).
- 05¿Me puedo fiar? Envíos a todo el país, garantía real, soporte por WhatsApp y medios de pago.
De "localizador tag negro" a TANEX NEAR.
Los productos se vendían con nombres descriptivos de marketplace. Creé un sistema de naming con una regla simple: TANEX + una palabra en inglés que resume lo que hace el producto.
| NEAR | Localizador de objetos: lo que importa, siempre cerca. |
| GLOW | Aro de luz: la luz que te hace brillar. |
| LINGUA | Auriculares traductores: la lengua. |
Productos de proveedores distintos pasaron a ser una sola familia. Además, el sistema deja lugar para los productos que vengan.
La IA como herramienta de producción
La IA estuvo presente en todo el proceso, pero siempre como herramienta. Las decisiones siguieron siendo de diseño.
Imagen: Nano Banana 2.0 en Adobe Firefly.
No hubo sesión de fotos profesional. El punto de partida fueron fotos tomadas por el cliente con el celular: el producto real sobre un fondo gris, con luz pareja pero plana y desde muchos ángulos.
Esas fotos fueron la materia prima. Con ellas generé las imágenes finales: fondos limpios, luz de estudio, primeros planos de detalle y composiciones para cada sección de la tienda.
La regla fue que el producto no se inventa. Botones, puertos, texturas y serigrafías se mantienen tal como son, para que el cliente reciba exactamente lo que vio en la web. La IA mejoró la calidad y la puesta en escena, no el producto.
La dirección de arte decidió qué escena cuenta mejor cada beneficio, qué encuadre deja respirar el producto y cómo se ve todo junto, con una misma luz y un mismo estilo en toda la línea.
Foto del cliente
Imagen final
TANEX GLOW
Foto del cliente
Imagen final
TANEX LINGUA
Foto del cliente
Imagen final
TANEX NEAR
Texto: un copywriter propio en Claude.
Configuré en Claude un asistente que funciona como copywriter, con las reglas de la marca: frases cortas, beneficio antes que dato técnico y un tono cercano. Yo escribía la base y la dirección de cada página, y el asistente me ayudaba a pulir y probar variantes hasta llegar a la versión final. Así logré que todos los productos hablen con la misma voz.
Las páginas de producto
La página de producto es donde se decide la venta, así que recibió la mayor parte del trabajo.
Diseñé un sistema único para toda la línea (NEAR, LINGUA y GLOW), con la misma estructura en todas las páginas:
- Banner de apertura con el nombre del producto, un titular corto y tres etiquetas con lo esencial (por ejemplo, en NEAR: Llaves, billetera, mochila. Todo siempre localizado.). Tiene versión específica para desktop y para mobile.
- Párrafo corto: qué problema resuelve.
- Bloques que alternan imagen y texto, uno por beneficio.
- Una sección oscura de impacto que corta el ritmo y destaca la función más fuerte de cada producto.
- Grilla de características técnicas (4 columnas en desktop, 2×2 en mobile).
- Cierre con logo y la frase de marca: Tecnología para el día a día.
Primero los beneficios y después los datos técnicos, como pedía el brief.
Hablar del problema, no del aparato.
Cada página abre con una situación cotidiana en lugar de una lista de funciones. El localizador no empieza diciendo "Bluetooth 5.0", sino: "Hay cosas que no deberían ocupar espacio mental. Las llaves, la billetera, la mochila." Las especificaciones están, pero llegan después, cuando el cliente ya entendió para qué le sirve el producto.
Para lograr un resultado de este nivel dentro de las limitaciones de Tiendanube, construí las páginas con un sistema propio de bloques pensado por separado para desktop y para mobile.
Una base preparada para crecer
Además del diseño, dejé lista la base para las futuras campañas:
- Píxel de Meta instalado.
- Google Analytics configurado.
- Estructura de SEO básica: cada producto tiene su propio título y descripción para Google, escritos para que se encuentre por lo que la gente busca (por ejemplo, "TANEX NEAR | Localizador Bluetooth — Google Find Hub").
La tienda quedó lista para escalar con publicidad sin tener que rehacer nada.
Resultado
+30%
en ventas totales
TANEX lanzó su tienda propia en tanex.com.ar y pasó a tener dos canales de venta: Mercado Libre y su web.
Las ventas totales de la marca crecieron un 30% respecto a lo que vendía antes solo con Mercado Libre.
Además de vender más, TANEX hoy tiene algo que antes no tenía: una marca propia, con una imagen coherente y un canal que controla.
- Diseño web, dirección de arte, naming, copywriting e imagen de producto: Bernardo Spacarotella
- Logotipo: proporcionado por el cliente
- Tienda en vivo: tanex.com.ar
