Te damos la bienvenida a nuestra bitácora pública de actualizaciones de la plataforma web de Confecciones Liss. En este registro documentamos detalladamente cada mejora, corrección de errores, optimización de velocidad y nueva característica que implementamos en el sitio. Creemos en la transparencia total del proyecto y en mantenerte al tanto del desarrollo constante de nuestra tienda y catálogo en línea.
120 cambios documentados desde el primer commit.
19 de julio de 2026
Se configuró el selector de métodos para vaciar por completo el departamento y municipio al cambiar a entrega a domicilio, garantizando que el usuario deba seleccionar su ubicación manualmente sin cargar datos por defecto.
Se implementó un spinner interno localizado dentro del bloque de costo de entrega que simula el cálculo durante 900ms antes de revelar la tarifa, evitando la desaparición o recarga de los demás campos del formulario.
Se ordenaron los campos de forma secuencial: primero los datos del destinatario, segundo la dirección de envío y tercero el costo de entrega calculado, logrando un flujo de lectura más intuitivo.
Se corrigió la transferencia de la talla seleccionada al carrito de compras y se incorporó la generación automática de enlaces directos a cada prenda al final del mensaje de WhatsApp.
Se garantizó que el nombre del destinatario, números de teléfono y dirección completa (colonia, calle, polígono, número y punto de referencia) se adjunten correctamente al mensaje de WhatsApp cuando la orden se procesa desde el carrito.
19 de julio de 2026
Se ajustó el comportamiento de la animación de cálculo de tarifa de envío a domicilio para que no se dispare de forma prematura ni ilógica antes de seleccionar un departamento de destino.
Se modificó el texto de advertencia sobre la vigencia de precios para mayor claridad y seriedad: 'Los precios se actualizan periódicamente. En caso de alguna variación, confirmaremos el precio antes de procesar tu pedido.'
Se integró el hook useBodyScrollLock en los modales de visualización de imágenes, formularios de entrega y diálogos de confirmación del panel de administración para evitar el desplazamiento no deseado del fondo al interactuar con ellos.
Se configuró el modal de entrega del carrito para que se inicie sin ningún método de entrega preseleccionado por defecto, alineándose con el comportamiento del flujo de compra directa.
14 de julio de 2026
Se resolvió la variabilidad en los análisis de rendimiento móvil retrasando el procesamiento de eventos interactivos no críticos y eliminando llamadas redundantes en el hilo principal.
Se optimizó la obtención de datos en la página de inicio agrupando las consultas a la base de datos de productos destacados y las reseñas de clientes a través de solicitudes concurrentes, reduciendo el tiempo de respuesta inicial del servidor (TTFB) a solo 10ms.
Se rediseñó el carrusel del Hero para posponer su inicialización y carga de imágenes secundarias hasta que se detecte una interacción directa (hover o toque) por parte del usuario, evitando transferencias innecesarias de datos al cargar la página.
Se retiró la hoja de estilos sintonizada para pre-hidratación de esqueletos de carga que bloqueaba el renderizado inicial, migrando todo el estilo de carga a transiciones fluidas de Tailwind CSS nativas.
Se configuró el servidor para enviar instrucciones de precarga de la imagen de portada móvil en los primeros bytes de la conexión TCP, logrando que el navegador descargue el recurso LCP de inmediato sin esperar a procesar el HTML completo.
13 de julio de 2026
Se incorporó un contenedor de imagen estático optimizado en el servidor para el primer renderizado, asegurando que el contenido principal del Hero se pinte de inmediato en pantalla antes de que el JavaScript de cliente sea descargado.
Se movió la carga de dependencias de conexión a bases de datos y utilidades de alertas visuales fuera del flujo inicial, montándolas después de que la interfaz de usuario se haya renderizado por completo.
Se limitó la entrega de testimonios de Google a las 8 entradas más relevantes y se depuraron campos no utilizados en el catálogo destacado, disminuyendo el peso del HTML de inicio en 66KB para acelerar la velocidad de carga en dispositivos móviles.
6 – 12 de julio de 2026
Se implementó el almacenamiento en caché del servidor mediante etiquetas en las consultas de catálogo y reseñas de Google Maps, minimizando la latencia y la cantidad de lecturas directas a la base de datos.
Se creó un endpoint de revalidación seguro en la ruta `/api/revalidate` que permite forzar la actualización selectiva de páginas específicas (como portada y catálogo) en los servidores del CDN de forma instantánea al actualizar el inventario.
Se integraron descripciones automáticas, títulos de búsqueda amigables y esquemas estructurados de catalogación en las secciones de uniformes universitarios para mejorar el posicionamiento en buscadores.
Se fortalecieron las directivas de seguridad CSP en las cabeceras HTTP, se restringieron accesos en el cargador de imágenes y se limpiaron tokens fallbacks estáticos de la configuración del entorno para garantizar una plataforma robusta.
4 – 5 de julio de 2026
Se lanzó el nuevo centro de exploración universitario con vistas independientes para cada institución educativa (UNIVO, IEPROES, UGB, UNAB, UES, UMA). Permite filtrar scrubs clínicos y uniformes oficiales según los colores y bordados requeridos por cada facultad.
Se optimizó la gestión de categorías en el panel de administración, permitiendo crear la misma carrera (como Enfermería, Medicina u Odontología) en diferentes universidades con nombres de catálogo y URLs independientes.
Se mejoró la prioridad de carga en las portadas e imágenes superiores del catálogo y fichas de producto. Esto acelera el tiempo de despliegue visual de la página y mejora la velocidad en conexiones móviles.
Se habilitó el seguimiento de métricas y rendimiento del sitio para comprender el comportamiento de los visitantes, optimizar la experiencia de navegación y garantizar el cumplimiento de normativas de privacidad.
Se renovó la secuencia visual del carrusel principal en la página de inicio y se actualizaron las fotografías de las secciones sobre filosofía de trabajo, instalaciones y proceso de confección.
Se corrigió la asignación de identificadores en los selectores desplegables, barras laterales de filtrado y gráficas del panel administrativo para garantizar una navegación fluida.
21 – 29 de junio de 2026
Se crearon y organizaron las secciones de Sobre nosotros, Equipo de trabajo, Instalaciones, Proceso de Confección, Filosofía corporativa, Transparencia, Calidad y Certificaciones para detallar la experiencia e infraestructura de la empresa.
Se diseñó una nueva página de Ayuda y FAQs en `/ayuda` con un motor de búsqueda instantáneo con normalización de caracteres, junto a un panel dinámico de categorías y cajón de filtros para celulares.
Se rediseñaron los componentes de encabezado de todas las páginas de servicios y empresa para reflejar la misma estructura visual, tipografías fluidas y espaciados simétricos de la portada principal.
Se trasladó de forma segura la gestión de cuenta de `/mi-cuenta` a `/cuenta` y se implementaron redirecciones en el servidor para evitar enlaces rotos.
19 – 20 de junio de 2026
Se implementó el sistema GuestBell en la barra de navegación superior, permitiendo a los usuarios no registrados ver notificaciones, guardar el estado de su carrito y favoritos de forma local y recibir alertas animadas.
Se programó el soporte para cerrar mediante deslizamiento el CartDrawer, el modal de Favoritos, las notificaciones y el menú desplegable en celulares, con controladores de inercia y prevención de desplazamiento de fondo.
Se implementó un interruptor de emergencia y registro de incidentes en el panel de administrador, conectado mediante funciones RPC seguras a Supabase, para mitigar intentos de intrusión y vigilar el estado del sitio.
18 de junio de 2026
El panel administrativo permite gestionar los roles de usuario y administradores, asegurando la protección de la cuenta principal mediante diálogos de confirmación y notificaciones visuales.
Se simplificó la configuración de descuentos en los productos. El administrador indica directamente el precio promocional y las condiciones del descuento en la vista del producto.
Se incorporó una herramienta para estimar costos de entrega según la zona del país y un sistema de cotización directa por WhatsApp con detalles de prenda, talla y ubicación.
Se habilitó la opción 'A la medida' en el selector de tallas para prendas que requieren medidas exactas antes de confeccionarse.
Al agregar productos al carrito sin iniciar sesión, la plataforma ofrece opciones para ingresar a la cuenta o enviar el pedido por WhatsApp de forma directa.
Se optimizaron los campos de selección de ubicación para facilitar la navegación con lectores de pantalla y teclados.
17 de junio de 2026
Se programó una sección unificada para las 16 políticas de privacidad, garantía y términos del sitio web, la cual presenta un visor de lectura cómodo y flotante en computadoras y un layout secuencial en móviles.
Se actualizaron las descripciones y palabras clave principales para posicionar el catálogo en búsquedas de uniformes para instituciones de educación superior de El Salvador.
Se unificó la información de tienda física, catálogo y navegación para presentar a los buscadores datos detallados de ubicación, horarios y productos.
Se diseñó una vista de lectura optimizada que ofrece una ventana modal en computadoras de escritorio y una vista de lectura fluida en teléfonos móviles.
Se mejoraron los márgenes y espacios de los documentos legales para evitar superposiciones con los bordes de la pantalla.
Se simplificó la ruta de navegación en la cabecera y se adoptó numeración romana para la presentación de cláusulas en los términos del sitio.
Se reorganizaron los apartados de condiciones generales para ofrecer información más clara y directa a los clientes.
Se ajustó el posicionamiento de los botones de cierre para evitar interferencias con barras de desplazamiento o texto largo.
Se corrigió la altura de los distintivos de numeración para garantizar su centrado perfecto con los encabezados.
Se alinearon los títulos, fechas y tiempos estimados de lectura en la cabecera de artículos para pantallas pequeñas.
Se ajustó el ancho del contenedor de texto en pantallas medianas para aprovechar mejor el área de visualización.
Se separó el control de cierre de la franja de desplazamiento para asegurar que permanezca accesible durante la lectura.
Se aseguró que todos los niveles de la ruta de navegación secundaria sean clickeables en todas las páginas públicas.
13 – 14 de junio de 2026
Se incorporaron transiciones de entrada progresivas en las secciones principales para dar una sensación de fluidez al cargar la página.
Se agregaron microanimaciones de presión al interactuar con botones y productos para confirmar la acción de forma visual.
Se homologó la presentación visual de la sección de novedades en la portada con el formato de tarjetas del catálogo principal.
Se ajustó el escalado de fotografías para cubrir uniformemente el marco de las tarjetas, eliminando franjas o espacios vacíos.
Se corrigió la validación lógica en el mapeo de canales de atención al cliente en la página de contacto.
Se aseguró que los avisos emergentes al copiar enlaces o compartir productos no realicen saltos de línea desalineados.
12 – 13 de junio de 2026
Se lanzaron las vistas completas de producto con galería fotográfica en proporción 4:5, opciones de personalización (talla, color, bordado) y recomendados del mismo sector.
Se implementó el sistema de filtrado con selección de múltiples criterios tanto en computadoras como en teléfonos móviles, junto a opciones para ordenar por precio y relevancia.
Se ajustó la relación de aspecto de las miniaturas para alinear la altura de las fotografías con la información del producto.
Se retiraron módulos antiguos de filtrado para adoptar la arquitectura unificada conectada a la base de datos.
10 – 12 de junio de 2026
Publicación oficial del sitio web de Confecciones Liss en su dominio principal con catálogo y canales directos de atención.
Se aseguró el envío de códigos de estado correctos a los motores de búsqueda para páginas no encontradas, incluyendo metadatos de ayuda al usuario.
Se creó la página de historial de actualizaciones con la bitácora del sitio y la función para compartir productos en redes sociales.
Se unificó el diseño de las migas de pan y los márgenes laterales en todas las secciones del sitio.
Las tarjetas de la sección de servicios adoptaron el formato responsivo en cuadrícula idéntico al catálogo principal.
Se simplificaron los resúmenes informativos y se ajustó la relación de aspecto de las imágenes de servicios.
Se actualizaron las fotos ilustrativas en las opciones de confección a la medida, bordados y sublimados.
Se implementó una nueva pantalla de enlace no encontrado con tipografía limpia, opciones de retorno rápido y diseño minimalista.
Los enlaces e íconos de interacción en tarjetas permanecen visibles constantemente para facilitar la navegación en dispositivos móviles.
10 de junio de 2026
Se añadieron sombras de elevación en los accesos rápidos de la página de enlaces para mejorar la visibilidad sobre cualquier fondo.
Se corrigió la indicación resaltada de la sección actual en la barra de navegación para teléfonos móviles.
Se incorporó un contorno curvo para el botón central de acceso rápido en la barra inferior de navegación.
Se afinó la opacidad y sombreado del fondo de la navegación móvil para integrarse limpiamente con la pantalla.
Se añadió un indicador con transición suave que se desplaza hacia la pestaña seleccionada al navegar.
Se implementó un mecanismo de verificación que asegura que la página responda al instante si el usuario regresa tras haber dejado la pestaña en segundo plano.
9 de junio de 2026
Se lanzó la sección de enlaces centralizados para acceder a las cuentas oficiales de la empresa y abrir aplicaciones nativas al hacer clic.
Se incorporó la barra fija en el borde inferior para cambiar rápidamente entre la portada, el catálogo y las opciones de contacto.
Se integró el botón directo de consulta a la barra de menú inferior para mantener la pantalla limpia de elementos flotantes superpuestos.
En pantallas pequeñas, la cabecera muestra una versión compacta del logotipo para otorgar mayor espacio a los controles principales.
Se renovó el gráfico del enlace de Threads con la versión oficial de la marca.
Se ajustó el comportamiento de cierre al tocar fuera del menú desplegable para evitar cierres involuntarios al desplazarse en móviles.
Se unificaron los enlaces presentados en el menú principal para ofrecer los mismos destinos en computadoras y móviles.
Se calculó el espaciado de letras del subtítulo del logo para alinearse de forma precisa con el ancho del isotipo.
El buscador muestra su caja de texto completa en pantallas medianas y se colapsa en un ícono discreto en dispositivos pequeños.
Se implementó una animación de cambio de estado en el botón de navegación del encabezado.
El botón principal de llamado a la acción en la imagen de portada redirige al catálogo de productos.
7 – 8 de junio de 2026
Puesta en marcha inicial del sitio web en servidor con acceso a la landing de presentación.
Se aseguró que el mapa del sitio entregue únicamente URLs públicas únicas sin duplicados ni fragmentos vacíos.
Se configuraron excepciones para permitir que los motores de búsqueda lean las instrucciones de rastreo sin bloqueos.
Se complementó la información de título, descripción y enlaces institucionales para mejorar la vista previa al compartir en redes sociales.
La imagen del encabezado se adaptó para cubrir el ancho de pantalla de forma equilibrada sin franjas laterales.
El menú superior adapta sus enlaces dinámicamente según la disponibilidad de secciones habilitadas.
7 de junio de 2026
Se agregaron tarjetas descriptivas y fotografías para los sectores de Lencería, Detallado, Ropa Casual, Sublimados y Tops.
Se definieron las proporciones de visualización del catálogo: 1 columna en teléfonos, 2 en pantallas medianas y hasta 4 en computadoras.
Se aplicaron sombras de contraste sobre las descripciones flotantes para garantizar lectura clara sobre cualquier fotografía.
12 de mayo de 2026
Se implementó la ventana de búsqueda a pantalla completa con sugerencias directas de categoría e interacción instantánea.
Se transformó la portada del catálogo en una vista de portadas por departamento para una navegación más rápida e intuitiva.
Se actualizó la denominación de uniformes médicos a la terminología comúnmente utilizada por clientes y estudiantes.
7 – 8 de mayo de 2026
Se habilitó la búsqueda en tiempo real con filtros por categoría, ordenamiento por precio y división de resultados en páginas.
Los botones de filtrado en dispositivos móviles se ajustaron al tamaño mínimo recomendado para facilitar la selección con los dedos.
Se unificó la estructura de direcciones web para presentar automáticamente el contenido según el departamento seleccionado.
Se agregaron formatos de lectura para motores de búsqueda y generación automática del mapa de productos.
Se optimizaron los colores de texto y el enfoque visual de los botones en las listas de productos.
Se organizó la estructura de datos del catálogo para gestionar la información de prendas desde un único origen.
Se implementaron configuraciones de protección en la entrega de contenidos y optimización en la carga de imágenes.
26 – 27 de abril de 2026
Se incorporaron fotografías oficiales del sitio para generar tarjetas descriptivas al compartir enlaces.
Se configuró la creación automática de imágenes de vista previa adaptadas para cada red social.
Se refinaron los textos resumen de la tienda para ofrecer información concisa y útil a los usuarios en Google.
Se aumentaron las diferencias de tono en los íconos del encabezado para facilitar su visibilidad.
Rediseño completo de la página de inicio priorizando la velocidad, usabilidad táctil e información sobre servicios de confección.
Se retiraron elementos temporales de prueba dejando únicamente los componentes activos de la plataforma.
Se incorporó el isotipo oficial de Confecciones Liss como distintivo en las pestañas y marcadores.
8 – 25 de abril de 2026
Se establecieron las bases de seguridad e infraestructura para el despliegue del sitio.
Se añadió una pantalla de presentación inicial para informar sobre la tienda y recordar las vías de atención directas.
Se configuraron los servicios de almacenamiento de datos para catálogo y sincronización de información.
Se organizó el mapa de rutas y secciones de la aplicación web.
Se estableció la base técnica, librerías visuales, estándares de código y diseño del proyecto.
Mostrando 120 de 120 entradas · Orden cronológico inverso (más reciente primero)
