Un fabricante técnico había crecido más que el sitio que contaba su historia
La empresa fabricaba componentes precisos para compradores técnicos. El sitio anterior no estaba al nivel de ese trabajo. Las rutas de producto costaban leer, la primera pantalla se veía fechada y la experiencia todavía asumía un comprador de escritorio.
- Antes
Navegación densa, estructura de inicio vieja y una experiencia pensada primero para escritorio.
- Después
Primera pantalla más clara, rutas de producto ordenadas y estructura responsive.
- Alcance
Arquitectura de información, dirección web, sistema de interfaz y ruta de cotización.
El sitio hacía que un fabricante serio fuera más difícil de leer
La página de inicio anterior tenía las piezas correctas: familias de producto, aplicaciones, recursos, pedidos e información de la empresa. Todas peleaban por la misma atención en la primera pantalla.
Para un comprador técnico, eso crea fricción. Ingenieros y equipos de procurement no necesitan decoración. Necesitan encontrar la ruta correcta, entender la categoría y saber dónde empieza la conversación de cotización.
El problema más grande era la confianza. La empresa fabricaba componentes especializados para ambientes exigentes, pero el sitio parecía atrasado por varios ciclos de producto.
Mantener la credibilidad técnica. Limpiar el camino
No intentamos hacer que el sitio se sintiera como marca de consumo. El trabajo empezó con el mapa de producto: qué necesitaban primero los compradores, qué debía vivir más profundo y qué rutas tenían que seguir visibles en el header.
La nueva página de inicio puso primero el mensaje de categoría, separó la exploración de producto de la intención de cotización y redujo la cantidad de decisiones compitiendo en la navegación superior.
Visualmente, el objetivo fue más contraste y un mood más técnico sin volver el sitio frío. La interfaz tenía que sentirse como fotónica, no como software genérico.
Un sistema responsive, no solo una página de inicio más bonita
El rediseño cubrió dirección de página de inicio, navegación de producto, rutas de recursos, puntos de entrada para cotización y una estructura responsive que funciona en pantallas pequeñas.
Le dimos al sitio un sistema visual más claro: superficies técnicas oscuras, acentos rojos más fuertes, mejor espacio y secciones repetibles para futuras páginas de producto y recursos.
El trabajo también dejó margen para el equipo interno. Un fabricante técnico no debería necesitar un rediseño cada vez que crece una familia de producto o una biblioteca de recursos.
Un sitio más cercano al producto y más fácil de usar
La nueva experiencia da a los compradores técnicos una ruta más clara desde la primera pantalla hasta exploración de producto e intención de cotización.
La empresa ahora tiene un sitio que se parece más a la categoría donde vende: preciso, durable y hecho para gente que ya sabe qué busca.
No publicamos métricas de rendimiento aquí. Hasta que el cliente apruebe números, el caso se queda en lo que cambió, lo que salió y por qué importó el rediseño.
Antes y después
Antes Un sitio tipo catálogo que obligaba al comprador a trabajar de más
Después Una primera pantalla más oscura y limpia, construida alrededor de descubrimiento de producto e intención de cotización
Qué salió
Dirección de página de inicio
Una primera pantalla centrada en mensaje de categoría, exploración de producto e intención de cotización.
Rutas de producto
Navegación más simple para familias de producto, aplicaciones, recursos y contenido de empresa.
Estructura responsive
Estructuras para compradores de escritorio y revisión en pantallas pequeñas, sin tratar mobile como ajuste de último minuto.
Sistema visual
Superficies técnicas oscuras, acentos rojos más fuertes y mejor espacio entre secciones repetibles.
Ruta de cotización
Acciones de cotización más claras en header y hero, sin esconder la intención de contacto más abajo.
Secciones reutilizables
Una estructura que el equipo interno puede extender cuando crezcan productos y recursos.
Por qué el cliente queda anónimo
La historia pública está anonimizada hasta que la aprobación del cliente quede cerrada. Los screenshots mostrados aquí son estudios de interfaz recreados con base en la dirección antes y después, con la identidad visible removida.