Dilegno

La motivación principal para abordar este proyecto nació de una experiencia de compra personal frustrante como cliente en el sitio web legacy original. A pesar de la reputación física impecable de la empresa, su plataforma digital previa presentaba tiempos de carga excesivos de varios segundos, fallas en la autenticación que impedían acceder a cuentas de usuario y una navegación confusa que generaba alta fricción durante la consulta de productos.

Esta vivencia impulsó el desarrollo de una nueva plataforma orientada a transformar el sitio web en un canal de ventas ágil y directo, eliminando los obstáculos técnicos y alineando la calidad digital con la trayectoria histórica de la marca.

Diseñé e implementé un rediseño web completo centrado en el rendimiento y la optimización de la conversión:

• Arquitectura Server-First (Next.js & React): Implementación de Server Components y App Router para pre-renderizar las vistas del catálogo y productos en el servidor, reduciendo el tiempo hasta el primer renderizado interactivo.
• Optimizaciones de Rendimiento y Lighthouse: Reestructuración de la carga de assets e imágenes utilizando formatos WebP comprimidos y carga diferida, reduciendo los tiempos de carga de segundos a milisegundos y alcanzando puntuaciones óptimas en auditorías de Lighthouse.
• Rediseño Integral y UX de Alta Conversión: Reestructuración completa de la experiencia de usuario, optimizando los flujos de navegación, la visualización del catálogo y simplificando los canales de contacto para la solicitud de presupuestos y compras.

El rediseño de interfaz se concibió para adaptar la presencia digital de la empresa a las exigencias visuales y operativas del rubro maderero, priorizando la claridad de la información y la agilidad de consulta.

• Reestructuración de la Navegación: Se reemplazó la cabecera desordenada del sitio previo por un menú principal jerárquico que organiza el catálogo en columnas claras (Placas, Herrajes, Tapacantos, Ferretería), permitiendo acceder directamente a cualquier categoría.
• Estructura y Muestras de Productos: Se diseñaron grillas y tarjetas limpias para el catálogo que exponen de entrada las imágenes de las placas, nombres técnicos exactos, grosores y precios por unidad, permitiendo comparar opciones rápidamente.
• Presentación Visual de Tipos de Placas: En la página principal se organizaron bloques destacados por tipo de material (Melaminas, MDF, Fibroplus, Enchapados y Fenólicos) acompañados de muestras visuales para agilizar el reconocimiento de los insumos.
• Sección de Servicios y Llamadas a la Acción: Se creó una sección dedicada a difundir los servicios técnicos de la empresa, sumado a un buscador global en la cabecera y el botón de acción principal ("Pedí tu corte").
• Identidad (Ver Icono): Se creó un icono minimalista utilizado como favicon y elemento visual de apoyo.