Damian Benitec
Landing Page Servicios de Instalacion de Aires Acondicionados
Logotipo
Proceso UX
Investigación
Análisis del usuario.
Desktop
Estructura de pantallas.
Responsive
Diseño de interacción.
Implementación
Desarrollo del sistema.
Cromática
#10242E
Azul petróleo principal
#163540
Azul secundario
#F2EFE9
Fondo cálido
#FFFFFF
Cards / superficies
#4FB8C4
Turquesa / acento
#C1673B
Cobre / acento
#2A424C
Bordes oscuros
#25D366
WhatsApp / acción
Tipografía
IBM Plex Sans
Uso: interfaz y contenido
Aa Bb Cc Dd Ee Ff
Resultado final
El resultado fue una plataforma optimizada, pensada para ofrecer una experiencia fluida, moderna y centrada en el usuario.
Investigación
En la etapa de investigación se analizaron las necesidades de los usuarios que buscan servicios de instalación y mantenimiento de aires acondicionados, considerando los principales factores que influyen en la decisión de contratar un técnico.
Se identificó que los usuarios buscan principalmente información clara sobre los servicios, precios orientativos, tiempos de atención y cobertura, pero también necesitan transmitir confianza antes de solicitar un presupuesto o coordinar una visita.
A partir de este análisis, se detectaron puntos clave para la experiencia digital: presentar los servicios de manera simple, destacar la experiencia profesional, facilitar el contacto y reducir al mínimo los pasos necesarios para solicitar una consulta.
Con estos hallazgos se definió una landing page orientada a la conversión, con una estructura clara y directa que combina información del servicio, elementos de confianza, cobertura y llamadas a la acción visibles para facilitar la contratación.
Desktop
Algunas capturas del proyecto en su versión Desktop
Responsive
En esta etapa se desarrollaron los prototipos finales atravez de wireframes para verificar el User flow y la experiencia del usuario en su version responsive mobile. Resumen del Prototipado (Login - Dashboard Supervisor - Panel General).
Implementación
La landing page fue desarrollada con un enfoque orientado a rendimiento, claridad visual y conversión, priorizando una experiencia rápida y accesible para usuarios que buscan servicios de instalación y mantenimiento de aires acondicionados.
Se construyó una arquitectura frontend modular que permite organizar los contenidos, servicios y llamadas a la acción de forma clara, facilitando futuras modificaciones y la incorporación de nuevas funcionalidades.
La interfaz fue desarrollada con un enfoque responsive, adaptando la estructura y los componentes a distintos tamaños de pantalla para garantizar una experiencia consistente en dispositivos móviles, tablets y ordenadores.
Stack & Herramientas
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Diseño responsive: Mobile First + CSS Media Queries
- Interactividad: JavaScript para navegación, formularios y componentes dinámicos
- Identidad visual: Adobe Photoshop para diseño y tratamiento del logotipo
- Tipografía: Google Fonts
- Optimización: Estructura semántica, carga optimizada y buenas prácticas frontend
Se implementaron transiciones, elementos interactivos y llamadas a la acción estratégicamente ubicadas para facilitar el contacto y convertir las visitas en solicitudes de presupuesto.