Umbrella Diagram

Illustration
Tools Used
Illustrator

Umbrella Instructional Diagram

This illustrated diagram depicts the use of an umbrella, in as few words as possible. In the creation process, I broke down each important step in the use of an umbrella, illustrated everything that could be explained with pictures, and included words only where absolutely necessary for communication. The style is inspired by instructional diagrams seen on household products such as hair dye, or furniture assembly manuals.

Illustrations

Illustrations

Escapebot Game Playthrough

MBTA Buddy Platform Finder Workflow

Time Alert Workflow

App screen that reads: "Don't miss your stop! You are currently 6 stops away, approximately 12:02 minutes away from Ruggles station" And shows a notification timer set to 10 minutes. App screen that reads: "Don't miss your stop! You are pulling up to Ruggles station!" and a notification timer going off. App screen that reads: "Oops! You Passed Your Stop. No worries, we can get you back. Use the platform locator to reach your destination from the next stop." App screen that reads: "Oops! You Passed Your Stop. No worries, we can get you back. Use the platform locator to reach your destination from the next stop." with a popup that reads: "Platform Locator" with options "Roxbury Crossing" and "Ruggles" selected, and a button below that reads "Find My Platform".

Escapebot Process Book

Umbrella Intructional Diagram

Walkthrough

Map Images

Flyer Design

Animated Web Flyer

Redesign Process

Logo Images

Umbrella Instructional Diagram

Other Projects