A link navigator to help families with young children and technological limitations easily reach their virtual classrooms.






When Madrid’s students were forced into distance learning due to Covid-19, the teachers at our local elementary school discovered a problem—that many students and their parents were limited in their abilities to reach their virtual classrooms. With many having access only to mobile devices, we imagined an easier way for these parents to reach their child’s classrooms—one that accounted for the device constraints and navigational complications we were hearing about—and ideally one that would allow young children with a bit of practice to access the virtual classroom on their own.



My Role: Concept, Prototyping, Visual Design, HTML/CSS, media queries.

︎︎︎ Javascript and HTML/CSS by Aaron Torres.












It started over lunch with a sketch—an always visible school logo for easy identification, big buttons for little fingers, and a mobile first to approach to contrast the experience of the existing government desktop website.














Type








Color










Elements


















Logo






We refreshed our pilot school’s Almond Tree logo, to make it feel both modern and familiar.







Prototype





A high fidelity protoype helped us visualize the design concept for code execution. 












This quick fix project was happily donated to the families of our local school. ︎