joshua kery

OnRamp to Remote Learning

Responsive Website for Educators

MEDIUM

Responsive Website

WHEN

August - December 2020

MY ROLE

Design,
Full-Stack Development

CO-DESIGNER

Amelia (Xi) Li

GOALS

Support schoolteachers adapting to remote learning.

TOOLS

Figma
Adobe Illustrator
Wordpress

OVERVIEW

The switch to remote and hybrid learning has been a challenge for schoolteachers across the country.

Their fellow teachers, who are continuously innovating in the face of this challenge, may be their greatest resource in meeting this challenge.

As such, the Allegheny Intermediate Unit sought a website to connect regional schoolteachers with the ideas of passionate educators sharing their solutions in remote and hybrid learning.

FINAL PRODUCT

Visit the final website here.

Desktop

Landing

onramp landing2



Main Site

onramp main



Mobile

Landing

Main Site

BACKGROUND

AIU3 wanted to center its learning content around the six Instructional Design Principles for Remote Teaching and Learning it had developed in collaboration with the Friday Institute for Educational Innovation at NC State.

Many educators have approached the adaptation to remote and hybrid learning as a problem of technology, eagerly trying to learn new or unfamiliar tools like Google Classroom.

AIU3, however, wanted teachers to approach the switch with pedagogy at the forefront.

We often had educators asking us, 'Well, how do I give out this worksheet on the computer?' ...

We don't want educators to bring ineffective teaching practices with them online. We want to use this transition as an opportunity to focus on effective teaching skills. Pedagogy first, technology second.

The Instructional Design Principles ask teachers to focus on the following when running class remotely:

  1. Social and Emotional Learning
  2. Connection to Families and Students
  3. Student Engagement Aligned to Standards
  4. Flexibility and Choice for Diverse Needs
  5. Feedback on Student Work
  6. Collaboration Among Students

DESIGN PROCESS

Ideation

sketches

Lo-fi Wireframes

wireframe splash wireframe main wireframes

Mid-fi Wireframes

xili wireframes midfi1 midfi2

Final Layouts

onramp hifi1 dark mockup

DEVELOPMENT

For ease of use, AIU3 asked us to integrate its synchronous and asynchronous content into one, navigable system.

To that end, as the solo developer I created a custom Wordpress plugin that combined the content of the LearnDash LMS and Events Manager plugins.

This plugin allows users to search and filter for AIU3's real-time professional development events and asynchronous video lessons all in one place.

Furthermore, I developed in javascript a custom breadcrumbs system on the landing page to introduce site visitors to the Instructional Design Principles.

onramp breadcrumbs

Finally, I customized the site's Events RSS feed to display our content in bi-weekly email newsletters with robust styling that stands up to most email clients.

mailchimp rss a test email in MailChimp