Arísticos: ecommerce de streetwear

2026

  • web
  • uxui
Arísticos: ecommerce de streetwear
Home de Arísticos en desktop: hero «Streetwear creado por artistas» con botón Shop now, cinta roja de Summer Sale, carrusel de nuevos ingresos, reseñas de clientes y accesos por categoría
Colección Shop All en desktop: hero bajo con título, filtros por categoría, panel de filtrar y ordenar a la izquierda y grilla de camisas con etiqueta de rebajas
Ficha de producto en desktop: galería de la camisa Slow mint, precio con descuento, selector de talla, botón de agregar al carrito, medios de pago, «Completa el look» y bloques desplegables de información
Carrito lateral sobre la ficha de producto: barra de progreso hacia el envío gratuito, producto con talla y cantidad, sugerencias «Funcionan bien juntos» y botón de checkout
Home de Arísticos en mobile: hero con botón Shop now a ancho completo, cinta roja de Summer Sale y nuevos ingresos en dos columnas con botón para agregar
Colección Shop All en mobile con filtros por categoría y grilla de productos
Ficha de producto en mobile con galería, selector de talla, botón de agregar al carrito y bloques de información

Arísticos es una marca de streetwear de Barcelona: prendas de edición limitada con diseños hechos por artistas, desde camisetas y camisas hasta gorras, hoodies y joyas. El proyecto fue diseñar la tienda online para que el arte de cada prenda se vea primero y la compra sea simple.

El reto

Una marca con tanta personalidad necesita una tienda que la muestre sin tapar el producto. Había que sostener el carácter urbano y colorido de la marca y, al mismo tiempo, ordenar el recorrido: descubrir las novedades, filtrar la colección, elegir talla y comprar.

La solución de diseño

Una home con hero a pantalla completa y el mensaje «Streetwear creado por artistas», una cinta roja para las campañas, un carrusel de nuevos ingresos y accesos directos por categoría. Tipografía de impacto para los títulos y una mono para los detalles, con el turquesa de la marca reservado para las acciones principales.

La colección suma un hero bajo para ver productos desde el primer scroll, chips por categoría y un panel de filtros y orden que se puede ocultar. La ficha de producto muestra la galería grande junto a la compra, con precio, talla, medios de pago y avisos de envío a la vista, y bloques desplegables para el resto de la información.

Funcionalidad destacada: el carrito lateral

El carrito se abre como un panel lateral sin sacar a la persona de la ficha. Una barra de progreso muestra cuánto falta para el envío gratuito, y debajo del producto aparecen sugerencias de prendas que combinan para sumar al pedido antes de ir al checkout.

Todo se diseñó en desktop y mobile en Figma, con componentes reutilizables y anotaciones para desarrollo.

Proyecto realizado en colaboración con la agencia EMPACT

  • figma

Empecemos tu proyecto

Contactar ahora