The Bump was the brand's flagship native iOS app for pregnant people and those with newborns. Below are some UX documents, mockups, and prototypes, roughly in chronological order.

In this case study:

High-res UX Wireframes: Early Exploration

Below is a selection of some of my UX mockups for The Bump pregnancy iOS app. The UI design was provisional.

An early mockup of The Bump app home screen.
Home Screen
An early mockup of The Bump app feed screen.
Weekly feed navigation drawer
An early mockup of The Bump app calendar screen.
Calendar, Checklist, and Diaries
An early mockup of The Bump app photos screen.
Photo Tool
An early mockup of The Bump app diary screen.
Diary Tool
An early mockup of The Bump app account screen.
My Account

Below is an overview of the many different card types the evolving Bump newsfeed was planned to support:

Mockups of types of feed cards for The Bump app.
Feed Card Type Exploration

Prototype: Side Navigation Concept

Also from early in the process, below is a non-interactive animated concept for navigating the weekly newsfeed via an expanding sidenav:

Sidenav concept

Prototype: Article Interaction

Another non-interactive prototype, exploring an interaction model for opening and closing a card within the feed:

Card open & close interaction

Prototype: Slideshow Interaction

Below is a non-interactive animation, exploring a possible interaction model for slideshow cards:

Slideshow concept

watchOS hackathon

The Apple Watch product was introduced while we were working on The Bump iOS app, and the team was eager to support the new device, especially considering its positioning as health/fitness tracker. We held an internal hackathon to explore how The Bump app could be adapted for the wrist. Below are some of my mockups, including weekly updates, appointments, to-do items, etc.

Mockups from The Bump Apple Watch hackathon.
Contributions to Apple Watch App Hackathon

High-res UX Wireframes: Post-UI Design

A selection of my mockups from later rounds, incorporating The Bump's emerging UI design overseen by a separate designer:

A mockup of The Bump app notification center.
iOS Notification Center
A mockup of The Bump app home screen.
Home Screen
A mockup of The Bump app community onboarding screen.
Community Onboarding
A mockup of The Bump app community landing screen.
Community Landing Screen
A mockup of The Bump app calendary screen.
Calendar, Checklist, and Diaries
A mockup of The Bump app favoriting screen.
Education screen for proposed favoriting system
A mockup of The Bump app side nav screen.
Expanded Side Nav

High-res UX Wireframes: Android Adaptation

The Bump pregnancy app launched for iOS first, after which the team adapted the design into Android conventions. Discoveries made during this process informed the subsequent redesign of website.

Here is a selection of high-fidelity wireframes for the Android app. For clarity, at this stage of the project, I was the UX designer, working with UI design elements created by the team's UI designer.

A mockup of The Bump Android app home screen.
Home Screen
A mockup of The Bump Android app calendar screen.
Pregnancy Calendar Tool
A mockup of The Bump Android app community landing screen.
Community Forums Landing Screen
A mockup of The Bump Android app sidenav.
Exposed Sidenav
A mockup of The Bump Android app account screen.
My Account
A mockup of The Bump Android app sharing sheet.
Native Android Sharing Sheet
A mockup of The Bump Android app guides screen.
Pregnancy Guides
A mockup of The Bump Android app more screen.
More Screen
A mockup of The Bump Android app user status screen.
User Status Screen

Prototypes: Feed Interaction

Below are three non-interactive animated explorations of interacting with The Bump newsfeed: opening & closing a typical article card, scrolling past a mid-body image, and opening & closing a special "This Just In" card. Prototypes built with Tumult Hype.

Prototype: First Launch Tutorial

Below is a non-interactive prototype exploring a first-launch tutorial, that would walk a new user through the basics of using the app.

First-launch tutorial concept

Prototype: Instant Article

Interactive exploration of a Facebook/Snapchat-style instant article experience for The Bump iOS app. Click the arrows to simulate swiping on a touchscreen. Built in Tumult Hype.

Prototype: Interactions

Clickable prototype exploring interactions, transitions, and animations for a redesign of The Bump iOS app. Built in Tumult Hype.

Prototype: User Testing

An elaborate web app prototype for The Bump iOS app v4.0, created for a round of user testing. Designed to be saved as a web app to an iPhone home screen to simulate the full native app experience. Built in Tumult Hype. The raspberry graphic was one of a large set of fruit illustrations created by a freelance designer, which I animated for this prototype.