Esta semana subimos muchos cambios en UX de syscom.mx que queríamos compartir.
El sitio principal ahora es más rápido, mejor organizado, nuevas tipografías y estilos:

Buscador inteligente: Diseño más limpio y ordenado, en móvil y escritorio:

Búsqueda por imagen: toma una foto de un producto y te encontramos el equivalente en nuestro catálogo:

Listados más limpios: Los filtros ahora son pills visuales que puedes activar con un toque. Menos clics, más productos a la vista. Ordenamiento y filtrado simplificados.

Página de producto renovada — Precios más visibles. Información organizada en pestañas. Alternativas similares con filtros inteligentes. Breadcrumbs con scroll horizontal en móvil para que nunca pierdas contexto.

Asistente AI rediseñado: Nuestro agente de inteligencia artificial ahora muestra sus herramientas como chips compactos y tiene un flujo de conversación más limpio.

Optimizado para móvil: Todo cabe perfectamente desde 360px. Header compacto, botones del tamaño justo para el pulgar, navegación sin scroll innecesario.

Dark mode real: No es un filtro encima. Es un tema completo con 150+ tokens de color que se adaptan a cada componente.

Más rápido: Componentes pesados se cargan solo cuando los necesitas. Menos JavaScript, más velocidad.
Nuevo menú de productos: El menú de categorías se rediseñó para que encuentres la categoría que buscas más rápido, con mejor organización
visual.
Antes de hablar de código, servidores o infraestructura, quiero hablar de lo más importante: Tenemos el mejor equipo de Desarrollo y Sistemas.
Nuestro sitio syscom.mx fue desarrollado aquí, por ingenieros mexicanos. No contratamos una consultora extranjera ni compramos una solución empaquetada. Fue talento local peleándose con la tecnología para sacar esto adelante.
Durante años corrimos sobre PHP (PHP 8 en la última versión) sin frameworks. Era código propio, muy optimizado y funcional.
El reto no fue menor. Nos tocó aprender desde cero TypeScript, React y el framework Next.js.
Nuestro cliente es un integrador profesional, conocedor de tecnología, y nota de inmediato que nuestro sitio anterior se estaba quedando atrás (Queremos mantenernos vigentes)
No hay secretos: La regamos un montón de veces
La transición fue difícil.
Sí, la regamos muchas veces en el camino. Nos duele mucho, pues el año pasado lastimamos muchas operaciones de nuestros clientes. Sabemos que, por estas fallas, muchos incluso decidieron no volver a trabajar con nosotros.
Tuvimos que tirar a la basura semanas enteras de código porque no escalaba como queríamos. Hubo fallas técnicas mientras afectábamos la operación diaria de muchos de nuestros clientes.
Hoy el sitio nuevo arranca con:
Y esto sigue: tenemos un roadmap de desarrollo bien agresivo para este 2026.
De nada sirve un sitio nuevo si fallamos en todo lo demás. También estamos encima de estos proyectos prioritarios:
Al final del día, toda esta tecnología sirve de poco si perdemos nuestra esencia.
No somos un e-commerce. No somos una página web fría que solo cobra y envía.
No podemos (ni queremos) competir con los marketplaces masivos en volumen.
Nuestra diferencia es el trato personal, nuestro equipo, nuestro sentido de urgencia, nuestra forma de resolver detalles complejos rápido.
Este año asignamos menos clientes a nuestro equipo de ventas (sí, suena raro, pero estamos seguros que va a funcionar)
Queremos que cuando nos hablen, hablen con alguien que los conozca, que entienda su proyecto y que tenga tiempo real para atenderlos de la mejor manera posible.
Porque es el estándar que usan quienes necesitan velocidad real y escalar a lo grande (como Netflix, OpenAI o Nike).
No es solo moda; Next.js nos permite:
Ahí es donde creemos que sí podemos diferenciarnos.
Gracias por la paciencia con los cambios y gracias por seguir confiando en nosotros.
Ordenar por precio los resultados de una búsqueda es una de las tareas más complejas en un buscador.
¿Por qué? Porque al pedirle que "ordene por precio una lista de 300 resultados", es muy probable que los productos más baratos al final de la lista sean accesorios o basura irrelevante, perdiendo el contexto de lo que realmente buscabas.
Hoy agregamos una función en SYSCOM.MX donde, usando AI, logramos ordenar únicamente los productos que "hacen sentido" y mantienen esa similitud semántica.

Aquí un ejemplo de este "problema" en otros sitios populares al intentar ordenar por precio después de una búsqueda.
Se pierde el foco del producto principal y te muestra accesorios irrelevantes:


Este es uno de los casos más difíciles: la búsqueda de "canaleta".
Esta consulta devuelve arriba de 400 resultados relevantes y el reto es responder: "¿Cuál es realmente la canaleta de menor precio?" (sin mezclar accesorios).
Aquí vemos cómo el AI es muy preciso al identificar únicamente las canaletas y ordenarlas por precio:
