No Maps
El café como cuaderno de viaje: un rediseño editorial que cuenta el origen, el recorrido y el ritual detrás de cada bolsa.
Versión mobile
- 01Shopify (base Skeleton)
- 02Liquid + OS 2.0
- 0328 secciones a medida
- 04Sistema de diseño con paleta oficial
- 05Colección modular (header + filtros + grilla)
- 06Página de producto
- 07Cart drawer
- 08QA mobile-first
Sobre el proyecto
No Maps es una marca de café de especialidad que nace entre El Salvador y Miami: granos de una finca familiar, tostados a mano en Florida. La marca necesitaba dejar atrás una estética oscura y pesada para convertirse en algo más liviano, editorial y premium. El rediseño no fue un ajuste: fue una reconstrucción del theme de Shopify. Partiendo del tema Skeleton, construí 28 secciones propias que cubren desde la home y las colecciones hasta la página de producto, la historia de los fundadores y los field notes que le dan voz a la marca. Las fotos se tratan como polaroids con pies de foto, y cada sección respira dentro de la paleta oficial de ocho colores.
El problema
El cliente había rechazado el diseño anterior por sentirse demasiado oscuro y cargado. El reto era cambiar de piel sin perder identidad: mantener el universo viajero de No Maps —coordenadas, rutas, notas de viaje— pero con un aire liviano, espacios en blanco y una lectura premium. La marca tiene una paleta cerrada de ocho colores y tipografías propias, así que cada decisión de diseño debía vivir dentro de esas reglas. Además, la tienda ya operaba en Shopify: el rediseño no podía romper el checkout, el carrito ni la gestión de productos existente.
El enfoque
Armé el nuevo theme sobre Skeleton, la base minimalista de Shopify, y desarrollé las secciones de la marca en Liquid como bloques OS 2.0: hero, productos destacados, route notes, coffee benefits, scroll quote, social proof, Instagram, about, contacto, colección y producto. Cada una es reordenable y configurable desde el editor. El sistema visual se ancló a la paleta oficial: fondos claros sobre Between Places, profundidad con Midnight Roast, acentos en Burnt Horizon y Open Sea. La página de colección se dividió en tres secciones atómicas —header, filtros y grilla— para ajustar la experiencia sin tocar el template, y todo el QA se hizo mobile-first: carrito lateral, stepper de cantidades y filtros de disponibilidad y precio. El resultado es una tienda que se siente como una revista de viajes y convierte como un e-commerce.