AVESSO
Tienda online de moda streetwear: app de e-commerce en portugués, de la vidriera al pedido con seguimiento, con marca propia
- Mi rol
- Branding · UX Writing
- Año
- 2026
AVESSOContexto
AVESSO es una tienda online de moda streetwear: una app de e-commerce con vidriera, búsqueda y filtros, página de producto con reseñas, bolsa, pago, pedidos con seguimiento, cuenta y atención, en 48 pantallas.
La interfaz parte de un UI kit de e-commerce de terceros, que venía en inglés y sin marca. Mi trabajo fue crear la marca AVESSO, adaptar toda la app a Brasil y a la voz de la marca y revisar las pantallas después de la traducción.
El desafío
El kit era genérico: textos en inglés, precios en rupias pakistaníes, talles S, M y L, direcciones de Alaska, pago en efectivo y ninguna marca, solo un símbolo de ejemplo. Lindo, pero no parecía una tienda de verdad, y mucho menos una tienda brasileña.
El objetivo era transformar ese punto de partida en una tienda con nombre, firma y forma de hablar, que alguien en Belo Horizonte usaría sin que nada le resultara extraño.
Lo que vino del kit
La estructura de las 48 pantallas, los componentes, la grilla, la paleta en negro y gris, los íconos y las fotos de producto: vidriera, búsqueda, filtros, producto, reseñas, bolsa, pago, direcciones, tarjetas, pedidos, seguimiento, cuenta, notificaciones, preguntas frecuentes y atención.
Lo que es de AVESSO
El nombre, el símbolo y la firma, la pantalla de apertura, la tipografía Hanken Grotesk en lugar de la original, todos los textos reescritos en portugués con la voz de la marca y la adaptación a Brasil: reales, talles P/M/G, Pix, direcciones con barrio y estado y nombres brasileños. Después de la traducción revisé las pantallas y corregí lo que el texto más largo rompió, como chips superpuestos, el precio pegado al botón y un título partido en dos líneas.
La marca
Avesso es, en portugués, el revés de la ropa, el lado que normalmente no se muestra. El símbolo es la primera letra dada vuelta: una A cabeza abajo, que también abre la firma. Blanco y negro como el kit, para que la ropa y las fotos sean el color de la tienda.
El recorrido en la app
Del primer acceso al pedido entregado, con los textos y los datos adaptados a Brasil.
- 01 / 06
Bienvenida y acceso
La apertura con la firma de AVESSO, el registro y el login con mensajes de error y de éxito en portugués, como "Ingresá un e-mail válido" y "Qué bueno verte de nuevo".
- 02 / 06
Vidriera, búsqueda y filtros
Categorías en portugués (Remeras, Jeans, Zapatillas, Buzos), precios en reales con el descuento en rojo, búsquedas recientes y filtros por menor y mayor precio, rango en reales y talle.
- 03 / 06
Producto, reseñas y guardados
La página de producto con talles P, M y G, la descripción reescrita, las reseñas con la nota en formato brasileño (4,0) y los ítems guardados con el corazón.
- 04 / 06
Bolsa y pago
La bolsa con subtotal, descuento y envío que cierran la cuenta, el pago con tarjeta, Pix y Apple Pay, el cupón de descuento y la confirmación del pedido.
- 05 / 06
Pedidos y seguimiento
Pedidos en curso y completados con el estado de cada uno (Preparando, Retirado, En camino, Entregado), el seguimiento en el mapa con direcciones de Belo Horizonte y la reseña después de la entrega.
- 06 / 06
Cuenta y atención
Mis datos, direcciones y formas de pago, el centro de ayuda con WhatsApp, las preguntas frecuentes y el chat con la atención de AVESSO.
Estados vacíos
Bolsa vacía, búsqueda sin resultados, ninguna notificación y nada guardado: cada estado dice qué pasó y el próximo paso, en el mismo tono de la marca.
Adaptación a Brasil
Traducir no alcanzaba: los datos de la app también tenían que ser de acá.
Sistema Visual
Se mantuvo la paleta del kit: negro y grises para la interfaz, verde solo para éxito y rojo solo para descuento y error. La tipografía cambió a Hanken Grotesk, una grotesca de trazo firme para la marca y la interfaz.
Paleta
Negro AVESSO
#1A1A1A
Marca, títulos y acción principal
Blanco
#FFFFFF
Fondo de las pantallas
Gris claro
#E6E6E6
Bordes y divisores
Gris medio
#808080
Textos de apoyo
Verde
#0C9409
Éxito y pedido completado
Rojo
#ED1010
Descuento y error
Tipografía
Hanken Grotesk
400 / 500 / 600 / 800
Marca, títulos e interfaz
SF Pro
400 / 600
Barra de estado y teclado de iOS
Créditos
La estructura de las pantallas, los componentes y las fotos de producto vienen del Ecommerce App UI Kit, un kit de terceros. La marca AVESSO, los textos, la adaptación a Brasil y la revisión de las pantallas son míos.
Aprendizaje
Un UI kit acelera la estructura, pero no hace una tienda. Lo que hace que el cliente confíe es lo que rodea a la pantalla: un nombre que recuerda, un precio en el formato que lee todos los días, el talle que usa y un texto que habla como una persona. Y toda traducción cambia el largo de las palabras, así que revisar pantalla por pantalla es parte del trabajo.
