Contraste alto, no minimalismo
El público no es una startup: es gente en obra viendo el celular a media calle. Fondo negro, amarillo de señalización y tipografía condensada enorme.
← Portafolio
Cliente · 2026 · Sitio corporativo
Sitio para una distribuidora industrial
Tornillería, herramientas, herrajes y abrasivos. El reto no era el diseño: era ordenar un catálogo enorme para que un comprador de obra, con prisa y desde el celular, encuentre lo que busca en dos clics y termine pidiendo cotización.
Tornillería, tuercas y rondanas: el inventario que el sitio tenía que ordenar para que un comprador de obra lo encuentre en dos clics.
El problema
La distribuidora vendía por teléfono y por recomendación. Sin sitio, cada cliente nuevo tenía que preguntar si manejaban tal marca o tal medida.
El catálogo es enorme y muy técnico: tornillos por grado y medida, anclajes, brocas, abrasivos, herramienta eléctrica. Volcarlo tal cual en una página lo vuelve ilegible.
El comprador típico no navega: está en obra, necesita saber si lo tienen y quiere cotizar ya.
La solución
Un sitio oscuro, de alto contraste, que se lee bien hasta con sol encima del celular. El catálogo se ordenó por familias de producto con fichas visuales, y en cada sección hay un botón que abre WhatsApp con el mensaje ya escrito.
- Catálogo dividido en familias — tornillos, fijación, tuercas y rondanas, varillas, pijas — con foto y las medidas que maneja cada una.
- Carrusel de las 13 marcas que distribuye: es lo primero que pregunta un comprador.
- Sección por sectores (construcción, manufactura, mantenimiento, automotriz) para que el visitante se reconozca rápido.
- Botón de cotizar siempre visible, en todas las secciones.
- Imágenes optimizadas y cero dependencias pesadas: carga rápido en datos móviles, que es donde se consulta.
Aviso de privacidad: las capturas son del sistema real funcionando, pero ningún dato que se ve es real. Nombres, correos, teléfonos, montos y códigos están sustituidos por datos ficticios, y la marca del cliente por una inventada. Nunca publico información de mis clientes ni de los suyos.
Datos ficticios
Datos ficticios
Datos ficticios
Datos ficticios
Datos ficticios
Datos ficticios
Decisiones de diseño
El catálogo no vende solo, la asesoría sí
Cada ficha lleva a una conversación, no a un carrito. El negocio cotiza por volumen y necesita hablar con el cliente.
Un solo archivo, cero mantenimiento
El sitio es HTML y CSS sin framework. No hay dependencias que actualizar ni servidor que se caiga, y el hosting es prácticamente gratis.
¿Necesitas algo parecido?
Cuéntame cómo funciona hoy tu operación y te digo qué se puede construir, cuánto costaría y en cuánto tiempo.