App Design

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.

Onboarding
Sign on or up

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

Designed by Jennifer Hartnett-Henderson ©2019

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

Sewing Fun Sew Fast Prototype by Jennifer Hartnett-Henderson ©2020