Lesson View 1/2: The default worksheet stage view when the lesson is loaded — **Lesson View 1/2:** The default worksheet stage view when the lesson is loaded

Lesson View 2/2: Access other lessons at any time in the top action bar — **Lesson View 2/2:** Access other lessons at any time in the top action bar

Theater Mode 1/2: Students can toggle between workbook and theater mode views, expanding the video to full stage width — **Theater Mode 1/2:** Students can toggle between workbook and theater mode views, expanding the video to full stage width

Theater Mode 2/2: Controls and access to Clip Notes when users hover over the video — **Theater Mode 2/2:** Controls and access to Clip Notes when users hover over the video

Gather View: Essentials and Ingredients — **Gather View:** Essentials and Ingredients

Make View: Cooking Instructions — **Make View:** Cooking Instructions

Notes View 1/4: A list of my written notes and Clip Notes captured from the transcript — **Notes View 1/4:** A list of my written notes and Clip Notes captured from the transcript

Notes View 2/4: Creating a Clip Note starts with highlighting text from the transcript — **Notes View 2/4:** Creating a Clip Note starts with highlighting text from the transcript

Notes View 3/4: Once text is highlighted in the transcript, users see the action to “Add Clip Note” or cancel — **Notes View 3/4:** Once text is highlighted in the transcript, users see the action to “Add Clip Note” or cancel

Notes View 4/4: The Clip Note is added to the Notes view, and differentiated by a golden flag icon and italicized text. Users can also chose to play the clip from here. — **Notes View 4/4:** The Clip Note is added to the Notes view, and differentiated by a golden flag icon and italicized text. Users can also chose to play the clip from here.

Submit View 1/5: Share your work — **Submit View 1/5:** Share your work

Submit View 2/5: Adding a photo — **Submit View 2/5:** Adding a photo

Submit View 3/5: Add a description — **Submit View 3/5:** Add a description

Submit View 4/5: Finalize submission — **Submit View 4/5:** Finalize submission

Submit View 5/5: Submission posted, with a call to view on the Discussion Stage — **Submit View 5/5:** Submission posted, with a call to view on the Discussion Stage

MASTERCLASS LESSON PLAN

In discussions with potentially joining the MasterClass team, I was asked how I would personally approach integrating their existing PDF workbook into the online lesson plan.

What would a new workbook-style experience look like? How might content be intermixed with lesson prompts?

The solution I brought to MasterClass was to give equal weight to both video content and the rest of the workbook, facilitating the need for a fullscreen interactive stage.

This allows users to see all available elements, hiding nothing. In addition to lesson videos and core workbook items, they can also access a full lesson menu and navigation, peer discussions, viewing modes and progress indicators.

One new interaction I’ve introduced here is called Clip Notes, which allows users to highlight transcript text to instantly save as a written memo in the Notes section. Conversely, they’ll be able to play the video clip from the text snippet to replay the crucial bits they’ve saved.

The design direction sought to be modern and minimal, using pops of contrast and color to bring attention to key actions for the MasterClass students.