Caso de estudio
Sol Brillante
Conceptualización y maquetación de una página de aterrizaje interactiva de alta conversión para el sector de energía solar residencial y comercial. La interfaz fue estructurada para simplificar datos técnicos complejos mediante el uso de componentes dinámicos y un recorrido visual intuitivo.
Filosofía y Estrategia
EL CONCEPTO
El reto principal con Sol Brillante consistió en diseñar una interfaz que integrara múltiples bloques de información densa, incluyendo una calculadora inteligente, un proceso de trabajo de cinco pasos y una sección robusta de preguntas frecuentes, sin generar fatiga visual en el usuario. El objetivo era equilibrar la seriedad e ingeniería de la marca con una experiencia fluida, clara y accesible para cualquier perfil de cliente.
Mi propuesta se centró en una arquitectura de bloques completamente limpia sobre un fondo claro que transmite transparencia y sostenibilidad. Utilicé un tono naranja vibrante exclusivamente para los llamados a la acción clave (como "Cotizar ahora" y "Recibir Presupuesto"), guiando el comportamiento del usuario hacia la conversión. La información fue segmentada de manera modular para que el usuario pueda validar los beneficios técnicos, calcular su ahorro y revisar la prueba social en un solo flujo continuo de navegación.
Infraestructura Visual
Elementos de diseño base que estructuran la interfaz digital y la identidad visual de la landing page.
TITULOS / ENCABEZADOS
Poppins
Texto de Muestra
Roboto
Roboto Regular
SISTEMA DE COLOR
Naranja energía
#F28C28
Azul Antracita
#1E293B
Títulos principales
Blanco Puro
#FFFFFF
Fondo general
Verde Sostenible
#FFFFFF
Bloques interactivos
Implementación técnica
Soluciones de diseño aplicadas al sitio.
Interfaz interactiva de conversión
Diseño del flujo visual para la calculadora inteligente de ahorro, transformando un proceso de recolección de datos complejo (gasto bimestral, zona y tipo de proyecto) en una experiencia gráfica intuitiva con resultados visuales claros.
Bloque de procesos
Creación de un bloque cronológico numerado del 01 al 05 para desglosar la metodología de trabajo, permitiendo al usuario asimilar el flujo de ingeniería e instalación de manera simple y sin sobrecarga cognitiva.
Jerarquía Modular
Organización visual limpia para el carrusel de marcas aliadas, cuadrícula de proyectos realizados (Valle Alto, Cumbres, San Pedro) y las reseñas de clientes, elevando la confianza del usuario mediante componentes de diseño ordenados.
Diseño adaptable de alto impacto
Adaptación fluida de tablas de beneficios, formularios y elementos interactivos para garantizar que la navegación, los cálculos de ahorro y la legibilidad mantengan el mismo rendimiento en pantallas móviles que en escritorio.