Diseño para negocios con catálogo grande: orden antes que estética

Cuando un negocio tiene un catálogo grande (una ferretería, un distribuidor de materiales, una casa de repuestos, un mayorista de bazar) el pedido al diseñador suele llegar formulado como un problema estético: "queremos una web más moderna". Pero casi nunca es eso lo que falla. Lo que falla es que la gente no encuentra lo que busca, que los productos están cargados cada uno de una manera distinta y que actualizar un precio requiere mandarle un mail a alguien.

En un catálogo grande, el diseño visual es la última capa. Antes hay tres decisiones que pesan mucho más: cómo se ordena el catálogo, cómo se describe cada producto y quién lo mantiene.

Si todavía no está claro si el negocio necesita un catálogo, una tienda o una web institucional, conviene empezar por landing, web completa o catálogo editable: cuál conviene. Esta guía arranca después de esa decisión.

El orden es el diseño

En un sitio con pocos productos, la gente mira. En un catálogo grande, la gente busca. Eso cambia la prioridad de todo: la pregunta central deja de ser "¿cómo se ve?" y pasa a ser "¿en cuántos pasos llego al producto que quiero?".

Hay tres caminos por los que alguien llega a un producto, y un buen catálogo los resuelve los tres:

Diseñar solo uno de los tres caminos es el error más frecuente. Un catálogo con buenas categorías pero sin buscador obliga al cliente que viene con un código a recorrer cinco niveles de menú. Uno con buscador pero sin filtros deja a quien compara con una lista de doscientos resultados.

Categorías: con el vocabulario del cliente, no del depósito

La forma en que el negocio organiza su stock no siempre es la forma en que el cliente piensa. Un depósito puede ordenar por proveedor, por línea o por código interno; el cliente busca "griferías para cocina" o "tornillos para madera".

Algunas reglas que sirven para armar el árbol de categorías:

• Pocas categorías arriba. El primer nivel tiene que entrar en una pantalla sin hacer scroll. Si hay treinta categorías principales, no hay jerarquía, hay una lista.
• Profundidad razonable. Más de tres niveles suele perder a la gente. Si hace falta más detalle, probablemente es un filtro y no una categoría.
• Un producto, un lugar principal. Un producto puede aparecer en más de una categoría, pero tiene que tener una "casa" principal. Si no, el mantenimiento se vuelve imposible.
• Nombres del cliente. Revisá qué palabras usan los clientes cuando consultan por mail o por WhatsApp. Ese es el vocabulario del catálogo.
• Nada de "Varios" u "Otros". Esa categoría crece hasta convertirse en el cajón donde nadie encuentra nada.

Filtros: según cómo se elige, no según la base de datos

Los filtros son la herramienta más potente de un catálogo grande y la más fácil de arruinar. El error típico es mostrar como filtro todo lo que existe en la base de datos: quince filtros, la mitad con una sola opción, todos al mismo nivel.

Un buen filtro responde a la pregunta "¿qué decide esta persona antes de elegir?". Para una pintura puede ser el acabado y la superficie; para un repuesto, la marca y el modelo del equipo; para una prenda, el talle y el color. Cambia por categoría, y está bien que cambie.

Cosas a cuidar:

• Filtros distintos por categoría. No tiene sentido filtrar tornillos por color o pinturas por largo.
• Mostrar cuántos resultados quedan en cada opción antes de aplicarla, y no ofrecer opciones que llevan a cero resultados.
• Que se vea qué está aplicado y que se pueda sacar cada filtro con un toque.
• En el celular, los filtros no pueden tapar los resultados. Un panel que se abre, se ajusta y se cierra mostrando cuántos productos quedaron funciona mejor que una columna lateral comprimida.

Búsqueda: el atajo de quien ya sabe

En catálogos grandes, mucha gente va directo al buscador. Y es la gente que más sabe lo que quiere: el cliente recurrente, el profesional que compra siempre lo mismo, el que llega con el código anotado.

Un buscador útil en este contexto:

• Está siempre visible, no escondido detrás de un ícono.
• Encuentra por nombre, por código interno y por código del fabricante.
• Tolera errores de tipeo y variantes comunes (con y sin tilde, singular y plural).
• Entiende los sinónimos que usa el rubro. Si los clientes dicen "canilla" y el catálogo dice "grifería", alguien tiene que cargar esa equivalencia.
• Cuando no encuentra nada, no deja una pantalla vacía: sugiere categorías o una forma de consultar.

Las búsquedas sin resultados son, además, una de las fuentes de información más valiosas que tiene el negocio: dicen qué busca la gente y no encuentra, ya sea porque falta el producto o porque está nombrado de otra manera. Vale la pena registrarlas y revisarlas cada tanto.

La ficha y la tarjeta: datos consistentes antes que diseño lindo

En un catálogo grande, cada producto aparece primero como una tarjeta en un listado y después como una ficha completa. Las dos dependen de lo mismo: que los datos estén cargados de forma consistente.

La tarjeta del listado tiene que permitir comparar sin entrar a cada producto. Eso significa mostrar siempre los mismos datos, en el mismo orden, en el mismo lugar: foto, nombre, el dato que más diferencia a un producto de otro dentro de esa categoría (medida, capacidad, presentación) y, si el negocio los publica, precio y disponibilidad.

La ficha completa responde las preguntas que de otro modo llegarían por mensaje. Para eso, cada categoría necesita una plantilla de datos: qué campos tiene, cuáles son obligatorios, en qué unidad se cargan. Si un producto dice "1/2 pulgada", otro "1/2''" y otro "12,7 mm", el filtro por medida no funciona y la comparación tampoco.

Fotos: un sistema, no una sesión

Con cientos de productos, las fotos no se resuelven en una sesión: se resuelven con reglas que cualquiera pueda seguir cuando entra un producto nuevo.

• Mismo fondo, misma proporción, mismo encuadre. Un listado donde cada foto tiene otro fondo y otro tamaño se lee como desorden, aunque los productos sean buenos.
• Mismo ángulo principal por categoría. Si los grifos se fotografían de frente, todos de frente.
• Una guía escrita y una foto de referencia para quien cargue productos después del lanzamiento.
• Fotos del fabricante, con criterio. Sirven como punto de partida, pero conviene recortarlas y adaptarlas al mismo sistema.

Cuando se usan herramientas de IA para limpiar fondos o unificar imágenes, aplican los mismos principios de coherencia que desarrollamos en cómo generar imágenes consistentes con IA para una marca, con una regla adicional: la foto de un producto que se vende tiene que mostrar el producto real. Retocar el fondo está bien; cambiar el objeto, no.

Que lo pueda mantener el negocio

Un catálogo grande que depende del diseñador para cada cambio queda desactualizado en semanas. La pregunta "¿quién carga un producto nuevo y cuánto tarda?" tiene que tener respuesta antes de diseñar, no después de publicar.

Algunas decisiones que conviene tomar desde el principio:

• Desde dónde se edita. Un panel de administración, una planilla conectada o un sistema de gestión existente. Lo importante es que sea algo que el equipo ya sepa usar o pueda aprender en una tarde.
• Qué puede romper quien edita. El diseño tiene que aguantar nombres largos, productos sin foto y descripciones vacías sin desarmarse.
• Quién es responsable. Una persona del negocio a cargo del catálogo, con tiempo asignado. Sin eso, ningún sistema se mantiene solo.

Rendimiento: muchas imágenes, mucha paciencia ajena

Un listado con cien fotos puede volverse lento, sobre todo en el celular y con conexiones irregulares. No hace falta ser técnico para pedir lo básico: imágenes en tamaños adecuados para cada pantalla, carga diferida de las que están más abajo y listados paginados o con carga progresiva en lugar de mil productos de golpe. Un catálogo que tarda en abrir pierde justamente a la gente que venía decidida a comprar. En qué necesita una web profesional para vender confianza hay más sobre por qué la velocidad se percibe como seriedad.

Checklist antes de diseñar pantallas

• El árbol de categorías tiene pocas opciones arriba, como mucho tres niveles y nombres del cliente.
• Cada categoría tiene definidos sus filtros según cómo se elige ese producto.
• El buscador encuentra por nombre, código interno y código del fabricante.
• Hay una lista de sinónimos del rubro cargada.
• Cada categoría tiene una plantilla de datos con campos obligatorios y unidades fijas.
• La planilla de productos está normalizada antes de importarla.
• Existe una guía de fotos con fondo, proporción y ángulo por categoría.
• Está definido quién carga productos, desde dónde y cuánto tarda.
• El diseño se probó con nombres largos, productos sin foto y categorías con un solo producto.
• Las búsquedas sin resultados se registran para revisarlas.

Un buen catálogo grande casi no se nota: la gente entra, encuentra y consulta o compra. Todo el trabajo de diseño está en que ese recorrido corto sea posible con mil productos, y que lo siga siendo dentro de un año.