Consuelo BurottoProduct Designer

Hbt

Categoría: E-commerce de mejoramiento del hogar y servicios
Rol: UX/UI Designer
Cliente: HBT Chile
Año: 2019

Decisión: Organizar la plataforma por la intención del usuario (comprar, descubrir, pedir un servicio) y no por la estructura comercial del catálogo.
Porque: HBT combinaba un catálogo técnico extenso con proyectos y servicios a medida; mezclar esos modelos de interacción en una sola navegación habría confundido a quien solo quería comprar.
Resultado: Tres recorridos (e-commerce, proyectos y servicios) dentro de una misma plataforma, con patrones de interacción y un design system consistentes.

HBT es una empresa chilena de soluciones para mobiliario, organización y equipamiento de espacios (home improvement). Su oferta combina un catálogo técnico amplio con proyectos y servicios especializados a medida. Como UX/UI Designer diseñé desde cero su experiencia digital: arquitectura de información, navegación, interfaces, versión responsive, design system y checkout, para desktop y mobile. A diferencia de un e-commerce tradicional, la plataforma tenía que integrar tres áreas del negocio, que son vender productos, mostrar proyectos y ofrecer servicios, sin confundir a quien solo quería comprar un componente.

Tráfico orgánico estimado

3.6K

Visitas mensuales estimadas · +87 vs. período anterior

Keywords orgánicas

2.1K

Palabras clave posicionadas · +21 vs. período anterior

Domain Trust

49/100

Indicador de autoridad SEO

Backlinks

1.2K

Enlaces externos detectados

Fuente: SE Ranking, octubre de 2026. Son estimaciones SEO de una herramienta externa, no datos de Google Analytics; son de hoy y no del lanzamiento, y sirven de contexto, no como resultados atribuibles al diseño.

El desafío — Un catálogo con muchas categorías, marcas, variantes y especificaciones técnicas exigía una arquitectura capaz de ordenar grandes volúmenes de contenido. Pero además había que comunicar una oferta que iba más allá de vender: proyectos de mobiliario y servicios como dimensionado, enchape o puertas de aluminio. Algunos usuarios llegan a comprar un producto específico; otros a explorar soluciones o a pedir un servicio. La pregunta de diseño fue cómo simplificar la compra de productos técnicos y, a la vez, facilitar el descubrimiento de proyectos y servicios personalizados.

Arquitectura de información — Organicé la plataforma desde las intenciones del usuario y no desde la estructura comercial. Definí tres recorridos: E-commerce para comprar, con categorías, especificaciones y compra; Proyectos para descubrir soluciones y alternativas de equipamiento; y Servicios para quienes tienen una necesidad técnica específica y necesitan conocer el servicio, usar un configurador o contactar a HBT.

Descubrimiento de producto — Muchos productos se diferencian por medidas, materiales y compatibilidad, así que la información técnica pesa en la decisión de compra. Diseñé las páginas de categoría, los listados con búsqueda, filtros y orden, y las fichas de producto, cuidando la jerarquía visual para que lo relevante se leyera sin sobrecargar la interfaz y la experiencia fuera consistente entre tipos de producto.

Más allá del e-commerce: proyectos y servicios — Una propuesta de proyecto (vestidores, frentes de cocina, estanterías modulares) necesita comunicar posibilidades y beneficios más que atributos y precio, y los servicios a medida suman pasos antes de actuar. Diseñé estructuras que explican qué ofrece cada servicio y cuál es el siguiente paso, y que conectan los productos individuales con las soluciones completas.

UI, responsive y design system — Definí jerarquías tipográficas, estructuras de página, navegación, tarjetas de producto, formularios y estados de interacción, buscando equilibrio entre densidad informativa y espacio visual. En mobile prioricé los elementos esenciales para que la complejidad del catálogo no fuera una barrera. Reuní todo en un design system de componentes y patrones reutilizables, pensado para reducir inconsistencias y para incorporar nuevas funcionalidades.

Checkout — Diseñé un recorrido de compra predecible: jerarquía de formularios, información de entrega, métodos de pago y resumen del pedido, con claridad en cada etapa y adaptado a mobile.

Presencia digital — Para dimensionar la plataforma: el catálogo público B2B muestra más de 1.400 productos y, según SE Ranking (octubre de 2026), hbt.cl tiene 299 dominios de referencia y 97,6% de su tráfico orgánico viene de Chile. Las demás cifras están en la tarjeta de presencia digital. Son estimaciones de una herramienta externa, de hoy y no del lanzamiento: contexto del proyecto, no mejoras atribuibles al diseño.

Aprendizajes — Una plataforma puede responder a necesidades muy distintas sin perder coherencia si la arquitectura de información es clara y los patrones de interacción son consistentes. Diseñar para un catálogo técnico me mostró cuánto pesan la información, las especificaciones y la jerarquía visual en la decisión de compra, y que conviene pensar en escalabilidad desde las primeras etapas.

Una plataforma unificada que organiza un catálogo técnico, proyectos y servicios a medida en tres recorridos claros, con interfaces responsive, un design system escalable y un checkout consistente. Sin métricas internas de conversión o ventas, el resultado se presenta por alcance y entregables, sin atribuir mejoras comerciales que no se midieron.