Math with Sophie

Aprender matemáticas nunca fue tan fácil

Math with Sophie es una web dedicada a la enseñanza de matemáticas de nivel de instituto en inglés. En este proyecto llevamos a cabo todo lo relacionado con la imagen, branding, realización de videos educativos y ebooks o libros interactivos.

Al tratarse de una web educativa, decidimos usar un diseño simple. Queríamos evitar que Sophie fuese simplemente una voz. Por ello uno de los principales objetivos era que los alumnos conocieran a su profesora. Para conseguir esto decidimos usar la cara de Sophie lo máximo posible. En los casos que esto no fuese posible, introducir su escritura.

Imagen y diseño gráfico de Math with Sophie

Desde el principio buscamos una imagen con gran contraste para resaltar y llamar la atención de los alumnos. Por ello decimos usar el contraste como motivo en el desarrollo de logos e imagenes en general.

El primer contraste es el del color. Usamos sólo tres colores en todo lo relacionado con el grafismo: el blanco, el negro y el gran protagonista, el amarillo. Estos tres colores tienen mucho contraste entre ellos (por ello son usados en señales tan frecuentemente). Dependiendo del soporte que tratemos usaremos un fondo de uno de estos colores y el resto se completará con los otros dos.

El segundo elemento de contraste es la escritura. Usaremos tanto escritura mecánica como escritura manual. Esto se asemeja a apuntes y notas que Sophie o los alumnos puedan tomar, con lo que hace que sea más cercano a ellos.

El logo es una combinación de estos dos contrastes. MATH está en letras mecánicas (lo cuál da un aspecto más sobrio) y WITH SOPHIE en la propia letra de Sophie (lo que hace que estas matemáticas a priori tan difíciles sean más accesibles y cercanas).

El primer flyer que realizamos para publicitar unos cursos intensivos, sigue este patrón creado. Uso del contraste por color y por fuente de escritura para llamar la atención de los posibles interesados. En esta ocasión se optó por un fondo amarillo. El uso del negro se designó para las partes más importantes ya que el contraste es mayor con ese fondo y el blanco para el resto.

Diseño página web

Puedes ver la web completa aquí: http://mathwithsophie.com/

Para la web de Math with Sophie seguimos las mismas pautas ya vistas en el diseño de marca. 3 colores: amarillo, negro y blanco y uso de fuentes mecánicas y manuales.

El mayor cambio es la inclusión de fotos de Sophie. Estas fotos nos ayudan a personificar a la profesora (objetivo muy importante como ya veremos en el desarrollo de los videos). Las diferentes fotos fueron tomadas en el estudio Pop-Media.

Estas fotos a su vez son tratadas para encajar con el diseño global y por ello se opta por usar fotos en blanco y negro con gran contraste.

La página principal está diseñada como una web de página única. Los diferentes apartados están en diferentes bandas: acerca, servicios, citas y contacto. Cada una de estas bandas va cambiando de color para dar más dinamismo sin romper el diseño global de la web.

Math With Sophie - Website

Videos educativos

Uno de los pilares de Math with Sophie era la creación de videos educativos. Los alumnos hoy día aprenden de manera diferente y consideramos que el aprendizaje visual era la mejor apuesta para el éxito del proyecto.

Después de diferentes versiones en cuanto a como presentar la información en estos videos, se decidieron unas pautas básicas.

Primero de todo, Sophie debía ser la cara del proyecto y por ello sería lo primero que viesen los alumnos. Consideramos que el éxito de los mayores canales de YouTube y otras plataformas sociales suele venir ligado a la personalidad de su protagonista. Por ello, en vez de ocultar al profesor, como hacen la mayoría de similares videos, decidimos potenciar su presencia.

Respecto al escenario de los videos, se optó por un escenario simple pero cercano para los alumnos: un aula. En el fondo de escena se encontraría una pizarra con fórmulas relacionadas con el tema a tratar y el tema o examen desarrollado en el video. Para dar dinamismo se optó por usar tizas de colores y una iluminación de tres puntos.

Por último, y tras varias pruebas con diferentes disposiciones, se decidió grabar las lecciones con un sistema de dos cámaras. La primera enfocaría a Sophie y la segunda, en una toma sobre el escritorio, al iPad usado por Sophie para explicar la lección en cuestión. Las lecciones empezarían con una toma a pantalla completa de Sophie introduciendo la lección. Luego esta cámara pasaría a segundo plano dando mayor importancia a lección, pero nunca olvidándonos de Sophie durante la lección.

Puedes visitar el canal de YouTube (aún en desarrollo).

Libros interactivos / eBooks

Como apoyo para las lecciones de Math with Sophie se desarrollaron unos libros interactivos. Estos libros se abren en dispositivos electrónicos y permiten muchas funcionalidades extras. Por ejemplo, se pueden añadir imágenes en galerías, videos, links a diferentes partes, creación de mini tests dentro del propio libro…

Para su diseño se siguieron las pautas ya mencionadas anteriormente. En estos libros se busca un aspecto de apuntes tomados por una persona, por lo que se usan fuentes de escritura manual y el uso de lineas de aspecto similar al de unas tomadas con un bolígrafo.

Share