Sitio web minimalista para estudio de arquitectura (Lumen Design)

• Categoría: Diseño Web / UI-UX
• Rol: Diseñador Visual Senior
• Herramientas: Figma, Elementor Pro, CSS3 Avanzado, Adobe Photoshop

1. El Desafío

Lumen Arquitectura, un estudio especializado en diseño residencial de lujo, tenía un sitio web antiguo que no hacía justicia a la majestuosidad de sus obras físicas. Necesitaban un portafolio digital que funcionara como una extensión de su filosofía: minimalismo, elegancia, juego de luces y atención milimétrica al detalle. El reto era crear una interfaz pesada en imágenes pero que cargara de forma instantánea.

2. La Estrategia y Desarrollo

Diseñamos una experiencia de usuario fluida y sofisticada priorizando el minimalismo:

• Diseño UI «Mobile-First»: Estructuramos la interfaz bajo una cuadrícula asimétrica y limpia, utilizando tipografías serif ejecutivas y una paleta cromática monocromática (blancos, negros y grises profundos).
• Narrativa Visual Inmersiva: Implementamos transiciones suaves de página (barba.js) y galerías a pantalla completa con funciones de lazy loading para garantizar que las fotografías de alta resolución no afectaran el rendimiento.
• Microinteracciones Persistentes: Diseñamos menús ocultos tipo «hamburguesa» que se despliegan con elegancia y botones de llamada a la acción (CTA) magnéticos que reaccionan sutilmente al movimiento del cursor del ratón.

3. Los Resultados obtenidos

• Tiempo de Permanencia: El tiempo promedio del usuario en el sitio web subió de 45 segundos a 3.4 minutos.
• Velocidad de Carga: Logramos un puntaje de 94/100 en Google PageSpeed Insights a pesar del uso masivo de contenido visual.
• Generación de Leads: Las solicitudes de presupuesto a través del nuevo formulario de contacto aumentaron un 45% en el primer semestre.