La Profe Angeles

La Profe Angeles

Drupal 8 | Bootstrap 4

Descripción general

La profesora Ángeles es una profesora de lengua inglesa de Chile que está trabajando con varios estudiantes y clases 1 a 1 tanto online como presenciales.

Contexto & Desafío

El principal desafío en este proyecto fue la adición del carrito de compras para las clases, que requería la funcionalidad para poder usar un calendario, mostrar la disponibilidad y hacer que todo funcione sin problemas.

Proceso y Visión

El proceso requirió una amplia comprensión de los estudiantes y la forma en que se acercan al contenido que están buscando.

Maquetas

La estructura del contenido, así como los elementos de navegación, se seleccionaron en base a los ejemplos de otros sitios web de la misma empresa. La estructura necesitaba que la navegación principal en la parte superior estuviera siempre visible, mientras que la navegación de la derecha aparecería cuando el contenido tuviera elementos adicionales para mostrar.

diseño gráfico

El diseño gráfico se basó en los colores del logo, las imágenes fueron seleccionadas pensando en los estudiantes, para tener imágenes atractivas.

desarrollo web

La construcción del sitio web se realizó siguiendo los estándares del W3C y WCAG para facilitar la navegación de los usuarios finales.

Solución

El resultado fue un sitio web bien diseñado y funcional.

Fácil de usar.
Optimizado para dispositivos móviles.
Contenido fresco y de calidad.
Contacto y ubicación fácilmente accesibles.
Llamadas a la acción claras.
Optimizado para búsqueda y la web social.
HAZME SCROLL

Tipografía

Pacifico

Es una fuente de escritura a mano original y divertida de Vernon Adams que se inspiró en la cultura del surf estadounidense de los años 50 en 2011, debido a esto y su coincidencia visual con Open Sans fue seleccionada para este proyecto dado que el logo tenía tipografía de script y concordancia gráfica.

Paleta de colores

La paleta de colores fue divertida dadas las pautas de marca del logotipo y se usó de manera concisa en todo el sitio web para mejorar la legibilidad y mantener el sitio web amigable.
  • #08cfd4
  • #ffc9e1
  • #f4ffac
  • #878787

Resultado