Catálogo digital para una empresa textil fundada en 1930
A Penteadora
Llevé la ficha técnica y la comparación de tejidos al móvil para apoyar a los representantes durante las visitas comerciales.
Encontrar, consultar y comparar tejidos.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
Los representantes necesitaban información técnica durante la venta. Sus revisiones acercaron la ficha a la imagen y dieron una pantalla propia a la comparación; no es una mejora de rapidez medida.
Consultar la colecciónEl caso en pocas palabras
- El problema
- El catálogo impreso tardaba dos meses en producirse y no permitía correcciones tras el envío. Los representantes seguían necesitando muestras físicas.
- Mi papel
- Única Product Designer
- La decisión
- Después de observar las visitas, diseñé el catálogo para el móvil, con filtros técnicos y comparación en paralelo. Mantuve los códigos de referencia de la fábrica.
- Lo que observé
- Los representantes revisaron los prototipos. Con su feedback, di una pantalla propia a la comparación y coloqué la ficha técnica junto a la imagen. No medí una tasa de éxito en las tareas.
- Por qué importa para el negocio
- Pensé el catálogo para las visitas comerciales y para permitir actualizaciones después de lanzar una colección. Sin el lanzamiento, no pude medir el ahorro de tiempo o costes.
- Lo que no se midió
- Lanzamiento sujeto a la autorización del grupo. No se midieron el ahorro ni la rapidez de los pedidos.
Entregas y métodos
39 pantallas y nueve componentes documentados para catálogo, búsqueda, comparación y pedidos.
Observé visitas comerciales, comparé otros catálogos y desarrollé prototipos, desde los primeros bocetos hasta pantallas detalladas, para revisarlos con los representantes.
Diseñar el primer catálogo digital.
Diseñé un catálogo y una base de interfaz reutilizable para una industria textil portuguesa fundada en 1930. El trabajo abarcó de febrero de 2022 a febrero de 2023.
Leer más
La empresa vende internacionalmente y no tenía producto digital ni biblioteca de componentes. Trabajé desde la investigación hasta el catálogo y las revisiones del prototipo con el equipo comercial.
Cada colección tardaba dos meses en convertirse en catálogo.
Los catálogos físicos requerían impresión, corte, pegado de muestras y envío internacional. Tres equipos y dos meses separaban la colección terminada del representante.
Leer más
Digitalizar debía preservar la confianza en textura y color, no solo reducir impresión. El catálogo digital no pretendía sustituir las muestras táctiles en ventas de alto valor.
El punto de partida físico
Fotografía del catálogo físico de la empresa.
Observé cómo se presentaban los tejidos en las visitas.
La observación en visitas y ferias internacionales mostró a los representantes comparando tejidos de pie, en movimiento y hablando con clientes. El benchmarking exploró la fidelidad de textura y color.
Leer más
Los representantes consultaban composición y peso durante la conversación, comparaban referencias lado a lado y necesitaban encontrar tejidos en segundos. Esos comportamientos definieron la jerarquía.
Investigación y análisis de referencias
Materiales de investigación. Las puntuaciones comparan otros catálogos, no el rendimiento de este proyecto.
Conecté los códigos internos con la búsqueda técnica.
Preservé referencias internas y añadí atributos de búsqueda: composición, peso, acabado y uso. Controles táctiles grandes y una ficha técnica visible apoyan la conversación de venta.
Leer más
La fábrica necesitaba los códigos, pero los compradores también buscaban por las propiedades del tejido. Mantuve los códigos y añadí composición, peso y acabado; cada colección necesitaría esos datos registrados.
Dos perspectivas del recorrido
Recorridos de las personas del proyecto, en portugués. Describen el recorrido previsto, no resultados medidos.
Referencia + Composición + Peso + Acabado
Una propuesta de catálogo con búsqueda que conserva la trazabilidad interna.
El feedback dio a la comparación su propia pantalla.
Los representantes revisaron prototipos de baja, media y alta fidelidad. Su feedback preservó los códigos, convirtió la comparación en una pantalla propia y acercó la ficha técnica a la imagen.
Leer más
Fueron revisiones de prototipos, sin un guion formal ni medición de la tasa de éxito. Me ayudaron a revisar las pantallas. El cliente seguiría necesitando tocar muestras físicas.
39 pantallas y una biblioteca reutilizable.
Entregué 39 pantallas mobile-first y 9 componentes documentados, con tipografía, espaciado y tokens semánticos. Catálogo, búsqueda, comparación y pedidos comparten la misma base.
Leer más
El flujo de actualización se planteó para que una persona sin conocimientos técnicos pudiera actualizar o retirar referencias. La fidelidad de color y la fotografía consistente son esenciales para la confianza.
Más allá de las pantallas móviles
Versión de escritorio y mockup de presentación, sin uso en producción.
Encontrar, consultar y comparar tejidos.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
Los representantes necesitaban información técnica durante la venta. Sus revisiones acercaron la ficha a la imagen y dieron una pantalla propia a la comparación; no es una mejora de rapidez medida.
Consultar la colecciónBienvenida y acceso a la cuenta.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
Después de observar las visitas, diseñé el catálogo para el móvil, con filtros técnicos y comparación en paralelo. Mantuve los códigos de referencia de la fábrica.
Pantalla de bienvenidaConfirmación y seguimiento del pedido.
Pantallas del proyecto en secuencia, no una grabación del prototipo.
Después de observar las visitas, diseñé el catálogo para el móvil, con filtros técnicos y comparación en paralelo. Mantuve los códigos de referencia de la fábrica.
Confirmar el pedidoVer la galería completa de pantallas
Lo que entregué a la empresa.
Entregué el catálogo y la biblioteca de componentes. El lanzamiento siguió sujeto a la autorización del grupo; por eso no se midieron los indicadores de negocio definidos.
- Observado en la validación
- Los representantes revisaron los prototipos. Con su feedback, di una pantalla propia a la comparación y coloqué la ficha técnica junto a la imagen. No medí una tasa de éxito en las tareas.
- Lo que podría aportar al negocio
- Pensé el catálogo para las visitas comerciales y para permitir actualizaciones después de lanzar una colección. Sin el lanzamiento, no pude medir el ahorro de tiempo o costes.
- Lo que mediría después
- Tras el lanzamiento, mediría el tiempo de actualización y observaría cómo los representantes encuentran tejidos, comparan opciones y piden muestras junto al catálogo físico.
Leer más
Los representantes me ayudaron a entender por qué los códigos y las muestras físicas seguían siendo importantes. Pude revisar el diseño, pero el ahorro y la rapidez de los pedidos necesitarían comprobarse tras el lanzamiento.