Desarrollo
Landing Page.
CARACTERÍSTICAS.
¿Qué tecnologías y metodologías se utilizarán?
- HTML5/HTML Semántico: Uso de HTML semántico para mejorar la accesibilidad y SEO.
- CSS3 con Flexbox: Para una estructura flexible y sólida.
- JavaScript/jQuery: Para el desarrollo de la interactividad y dinámica de la web.
- SASS: Uso de este preprocesador para mayor eficiencia y organización del código.
- Metodología BEM: Para mantener el CSS modular y escalable.
- Desarrollo Mobile First: Diseño y desarrollo enfocado inicialmente en dispositivos móviles.
- Desarrollo Modular: Arquitectura diseñada para ser escalable y facilitar futuras ampliaciones del proyecto.
- PHP: Generación dinámica en PHP y posterior compilado en HTML para producción.
¿Cómo se realizará el diseño y optimización del proyecto?
- Pixel Perfect: Implementación fiel al diseño proporcionado en Figma, Adobe XD, Sketch, Framer, Zeplin...
- 100% Responsive: Se asegura visualización perfecta en desktop, tablet y mobile.
- Escalas Tipográficas: Tamaños basados en la escala "Major Third".
- Márgenes Modulares: Márgenes basados en escala modular de 8px.
- Fuentes de Google Fonts: Optimización y personalización tipográfica.
- Archivos Minificados: CSS y JavaScript minificados para mejorar los tiempos de carga.
- Lazy Load: Carga de imágenes optimizada para mejorar el rendimiento.
¿Qué pruebas y mantenimiento se hará?
- Pruebas en Navegadores principales: Testeado en Chrome, Edge, Firefox y Safari.
- Versión en GitHub: Código fuente subido y versionado en GitHub para facilitar la colaboración.
- Evaluación con PageSpeed: optimizar página para reducir tiempos de carga.