La mejora del sitio web aumentará su visibilidad y alcance, facilitando a los usuarios obtener información sobre cursos y servicios. La interactividad mejorará la experiencia del usuario y se recopilarán datos para ajustes continuos.
El proyecto se divide en tres etapas clave: Diseño,
Desarrollo del prototipo y Alojamiento en el servidor.
Diseño
Después de realizar un benchmarking del sector, he decidido mantener los colores de su sitio web ya que son distintivos. Además, he añadido una gama cromática y un degradado que aportan modernidad. Todos los elementos han sido diseñados teniendo en cuenta mejorar la adaptabilidad y la experiencia del usuario.
Prototipo en Figma
Para dar forma al sitio web de Lingua Estudio, se ha seguido una metodología de diseño conocida como Atomic Design, lo que ha requerido un total de 5 horas de trabajo para establecer una estructura sólida y coherente. Posteriormente, se han dedicado 2 horas al diseño de los wireframes, esbozando la disposición de los elementos clave de cada página.
Además, se ha invertido un tiempo de 2 horas en diseñar la navegación del sitio, asegurando una experiencia fluida y fácil de usar para los usuarios. Finalmente, se han dedicado 8 horas al diseño del mockup en Figma, donde se ha plasmado el aspecto visual final del sitio web, incorporando los elementos de diseño y la identidad visual de Lingua Estudio.
Resultado
Por último, el uso de Bootstrap 5 en el desarrollo del sitio web de Lingua Estudio tiene una importancia significativa, respaldada por estadísticas y datos que demuestran la popularidad y eficacia de este marco de trabajo. Bootstrap ofrece múltiples ventajas, como la facilidad de uso, siendo una herramienta muy intuitiva. Además, facilita el diseño responsive, permitiendo que tu sitio web se adapte a una variedad de pantallas. También destaca por su rapidez en el desarrollo web, reduciendo significativamente los tiempos. Otra ventaja clave es su capacidad de personalización, ya que proporciona una amplia variedad de componentes y opciones.