Proceso de Diseño y Desarrollo
Definición del Proyecto
|
Después de definir el enfoque del proyecto, me centré en diseñar una estructura que reflejara claramente la funcionalidad y el objetivo del sitio web.
Diseño y Prototipado (UX/UI)
|
Herramientas: Utilicé Balsamiq para diseñar wireframes y un prototipo inicial, lo que permitió visualizar la estructura y funcionalidad del sitio web.
|
Enfoque en el Usuario: Realicé estudios de usuarios y creé flujos intuitivos para optimizar la experiencia del usuario, asegurando que la navegación fuera clara y eficiente.
Desarrollo Front-End
|
Herramientas: Desarrollé el sitio utilizando Bootstrap como el marco principal, aprovechando su flexibilidad y características responsivas. Implementé Sass para mejorar la eficiencia del código y facilitar el mantenimiento.
|
Optimización: Optimicé el código y la carga de recursos, aplicando técnicas de almacenamiento en caché para mejorar la velocidad de carga del sitio.
Desarrollo Back-End
|
Herramientas: Programé funcionalidades dinámicas con PHP, como la gestión de formularios y la interacción con la base de datos. Añadí interactividad con JavaScript, siguiendo las mejores prácticas para usabilidad e interfaz.
Resultados
|
El resultado es una experiencia de usuario fluida y satisfactoria, que cumple con los estándares de usabilidad y rendimiento web, proporcionando una navegación eficiente y un sitio con un rendimiento óptimo.
