Tabla de contenido
Desarrollé esta Landing Page Veterinaria para demostrar mi capacidad de convertir un diseño estático en un sitio web funcional. Este es un proyecto conceptual para una clínica ficticia, centrado en código limpio y rendimiento.
Visión General del Proyecto
El diseño visual para este proyecto fue obtenido de Freepik. Sin embargo, el archivo original solo incluía una versión de escritorio. Mi principal desafío fue crear el comportamiento responsivo desde cero.
El Desafío: Adaptación Móvil
Utilicé mi experiencia en Front-End para adaptar la Landing Page Veterinaria a dispositivos móviles sin un diseño de referencia. Esto requirió:
- Planificar los cambios de diseño para pantallas más pequeñas.
- Implementar un menú “hamburguesa” personalizado en JavaScript para una mejor navegación móvil.
Implementación Técnica
Construí este proyecto usando WordPress pero manteniéndolo ligero:
- Lenguajes: HTML, CSS y JavaScript.
- Estructura: Es una página estática, por lo que no utilicé campos personalizados pesados (ACF) ni bases de datos complejas.
- Interactividad: Utilicé JavaScript para crear una ventana emergente (popup) que informa a los visitantes que esta es una demostración de portafolio.
Conclusión
Este proyecto destaca mi habilidad en la conversión “pixel-perfect” y mi capacidad para resolver desafíos de diseño responsivo de forma independiente, entregando una Landing Page Veterinaria rápida y funcional.