Locomonky

2026

  • web
  • uxui
Locomonky
Home de Loco Monky en desktop: hero con modelos y el lema «Not made for normal minds», nuevos ingresos con selector de categorías, reseñas de Google, campaña con influencers y grilla de categorías (camisetas, sudaderas, camisas, complementos)
Colección Hombre en desktop: cabecera con accesos por categoría, filtros laterales (ordenar, talla, tipo, características, precio, oferta, color) y grilla de productos con etiquetas de rebajas y una foto de campaña intercalada
Ficha de producto en mobile: galería, selector de color y talla, guía de tallas, botón Añadir al carrito, medios de pago, «Completa el look» y reseñas de clientes
Carrito lateral: barra de progreso hacia el envío gratis, producto con cantidad, sugerencia «Completa tu pedido», resumen del pedido, opción de pago en cuotas y botón de pago seguro
Ficha de producto en desktop: galería de fotos en grilla, selector de color y talla con guía de tallas, botón Añadir al carrito, «Completa el look», fotos de clientes, reseñas y acordeones de información
Ventana «Encuentra tu talla»: aviso de que el diseño es oversized, campos de altura y peso, enlace a la guía de tallas completa y botón Siguiente
Colección Hombre en mobile: categorías en carrusel horizontal, filtros plegables, grilla de dos columnas con etiquetas de rebajas, foto de campaña y paginación
Home de Loco Monky en mobile: hero con el lema de la marca, selector de categorías, carrusel de productos nuevos y reseñas de Google

Loco Monky es una marca de ropa urbana con camisetas boxy unisex, sudaderas, camisas y complementos, y también tienda física. En este proyecto el foco fue llevar su estilo a una tienda Shopify clara de recorrer: que se vea la ropa, que sea fácil encontrar lo que se busca y que comprar no tenga fricción.

La home y las colecciones empiezan por lo que la marca vende. Un hero con el lema «Not made for normal minds», categorías a un toque, nuevos ingresos, reseñas de Google y fotos de la comunidad que usa la ropa. En las colecciones, filtros por talla, tipo, características, precio, oferta y color, con una foto de campaña intercalada en la grilla para que no se sienta como un catálogo plano.

En la ficha de producto, la galería muestra la prenda de frente, de espalda, en detalle y puesta. Debajo van el color, la talla, la guía de tallas, «Completa el look» y las reseñas de clientes. Como el diseño es oversized, diseñé «Encuentra tu talla»: la persona pone su altura y su peso y la tienda le recomienda la talla, o puede ir directo a la guía completa. El carrito lateral suma una barra de progreso hacia el envío gratis y sugerencias para completar el pedido.

En lo visual, la tienda es sobria para que la ropa sea protagonista: base blanca, negro en botones y pie de página, rojo para las etiquetas de rebajas y tipografía condensada para los títulos. Todo se diseñó en desktop y mobile, con el sistema de componentes en Figma como base.

Proyecto realizado en colaboración con la agencia EMPACT

  • figma

Empecemos tu proyecto

Contactar ahora