Tienda editorial y web
Maniatic
Una pieza. Una historia completa.
Diseño / Escritorio y móvil
El trabajo, en pantalla.
01 / La idea
Lo que había que resolver.
Dar a la primera pieza un lugar claro en la historia de marca, con una ruta directa del contexto editorial al detalle de producto.
Conservar la dirección creativa suministrada y hacer legibles fotografía, navegación entre escenas y jerarquía de producto en distintas pantallas.
02 / El proceso
Cómo tomó forma.
- 01
Conservar la composición suministrada
Traduje la dirección visual del proyecto a una apertura fotográfica y escenas editoriales distintas, poniendo la declaración de marca antes de decorar la interfaz.
- 02
Dar protagonismo a una pieza
Organicé el capítulo Tienda alrededor de Malandro, sin inventar un catálogo amplio, y di a la primera pieza una ruta clara a su propia página.
- 03
Conectar la historia del producto
Construí la jerarquía del detalle de producto y la galería fotográfica, distinguiendo las referencias editoriales de los activos finales de producto aún en preparación.
- 04
Adaptar el ritmo de navegación
Implementé composiciones adaptables y navegación entre escenas para explorar la historia de marca y la página de producto en escritorio y pantallas pequeñas.
El sistema / Arquitectura de información
De la declaración a la pieza.
El frontend conecta tres momentos de lectura: el mundo de marca, la primera pieza y una vista de producto más enfocada.
Escenas editoriales
Imagen de apertura, Acerca de y Contacto establecen el contexto y la voz aportados por el proyecto.
Tienda
Una introducción enfocada en Malandro conduce a la pieza individual.
Detalle de producto
Galería y jerarquía de información preparan la experiencia de producto sin recibir pedidos ni procesar pagos.
Alcance / Producción
Mi aporte.
En qué trabajé
- Implementación frontend
- Diseño de interacción adaptable
- Next.js
- React
- TypeScript
Diseño y desarrollo
- Un inicio de cuatro escenas que conecta la imagen de apertura, Acerca de, Tienda y Contacto.
- Una vista del detalle de producto con galería de referencias fotográficas.
- Implementación frontend adaptable y navegación de escenas en escritorio y móvil.
El sitio actual es una vista de revisión. El destino público previsto es maniatic.co; los activos finales de producto y la activación comercial son etapas de lanzamiento separadas.
Implementación frontend e interacción adaptable de Santiago Quiceno dentro del equipo del proyecto. La dirección creativa y los activos de marca pertenecen a Maniatic. La fotografía de apertura está acreditada a @danielbomb en el sitio.