Indigo.Design logo

Welcome to Our Prototype Gallery

Create your first prototype with Indigo Studio

IFTTT Onboarding

IFTTT.com is known for their onboarding tutorial. We recreate it using swipe gestures and UI states in Indig.Design. It’s created in gray scale to show that you can still communicate a high-fidelity experience without mockups.

Create your first prototype with Indigo Studio

Sign Up Validation

Trigger branched user flows based on what people type in form fields or how they interact (e.g., hitting enter). We simulate an error condition when users tap sign up without filling out the form. It’s easy to create logic flows with Indigo.Design.

Create your first prototype with Indigo Studio

Money App

Showing a prototype for a personal expense tracking app for keeping track of monthly expenses. Only key user stories have been prototypes. For instance, adding a new expense and viewing budget of the month with categorized transactions.

Create your first prototype with Indigo Studio

World Stats

This iPad prototype simulates some key scenarios from GapMinder.org and shows off the animation capabilities in Indigo.Design. It uses the animation timeline for animating transitions for each UI element. Launch the prototype and hit PLAY!

Create your first prototype with Indigo Studio

Find the Panda!

Prototyping does not always need to be serious! Can you find the panda in this prototype? Try using the prototype toolbar to view the table of contents. Download the prototype to see how it was created.

Create your first prototype with Indigo Studio

Indigo Studio Website

Before we started coding the new website for Indigo Studio, we created a prototype using mock-ups and hotspots. It also makes use of screenparts for the primary navigation and for quickly communicating expected animations.

Create your first prototype with Indigo Studio

Desktop Weather

This prototype simulates the weather app on Windows 10 desktop. Click on the side menu to see an example of a custom UI element created as a screenpart with nested behaviors. In fact, the entire screen is made with multiple screenparts.

Create your first prototype with Indigo Studio

GetBootstrap.com

See how responsive viewports from Bootstrap are made easy with Indigo.Design. Learn how 12-column layouts work alongside a mobile first approach introduced by Bootstrap. And what better way to show it than to prototype getbootstrap.com.

Want To See More Prototypes?

See All Prototypes

Indigo.Design Desktop Mac and Windows

Start Using Indigo.Design Desktop

Get it for Free

View pricing (monthly subscriptions starting at $39/mo.)