A selection of prototypes created for product discovery, user testing, and delivering precise UI animation & transition specs to developers.
The majority of these prototypes were created with Hype and Flash. Additional tools used for other projects not archived here include Invision, Principle, Flinto and Proto.io.
Clickable Prototype
An elaborate web app prototype for The Bump iOS app v4.0, created for a round of user testing. Designed to be saved to an iPhone 6 home screen to simulate the full native app experience.
Clickable Prototype
Exploration of a Facebook/Snapchat-style instant article experience for The Bump iOS app. Click the arrows to simulate swiping on a touchscreen.
Animated Prototype
Explorations for opening, closing, and scrolling interactions of cards in The Bump iOS app newsfeed.
Animated Prototype
iOS app animation: side navigation concept.
Clickable Prototype
Clickable prototype exploring interactions, transitions, and animations for a redesign of The Bump iOS app.
Clickable Prototype
iOS app interface explorations: four variations of data-entry interfaces for Shine, The Bump's fertility tracking iOS app. The "Period" and "Basal Body Temperature" portions are interactive.
Clickable Prototype
iOS app data visualization explorations: an interactive HTML prototype of portions of Shine, The Bump's fertility tracking iOS app. Click on "Period", "Basal Body Temperature", and "Sex" to view the data visualizations.
Animated Prototype
iOS app animation: Onboarding and first-launch experience.
Responsive HTML Prototypes
Responsive explorations: 2-column layout, 3-column layout, and an alternate 3-column layout with collapsing left rail. Created early in the process of redesigning The Bump desktop website, for purposes of exploring a proposed responsive system.
Responsive Email Prototypes
Two responsive email explorations: 2-column layout, and full-width.
Animated Prototype
iOS app animation: card open & close interaction.
Animated Prototype
iOS app animation: slideshow interaction.
Clickable Prototypes
Bump new user registration form animation explorations: iOS, desktop web (horizontal), and desktop web (vertical).