Ideation

The design process begins with ideation. Here are examples of early artifacts from various ideation sessions.

• 

• 

• 

Wireframes

Wireframes range from a rough sketch all the way to pre-populated with content. There are no interactions. The wireframes below were done in Balsamiq.

Prototypes

Prototypes approach or deliver the full functionality of the app. There are several different prototyping tools. The first row of prototypes below was done in Sketch App.

The next 2 rows of prototypes were done in Adobe XD.

Here’s a walkthrough of the XD prototype as a video:

And here is the first screen of another prototype built in InVision