One of the first tasks for the small team I joined at XO Group was UX design for the complete redesign and relaunch of TheBump.com desktop and mobile websites. For legacy reasons, the site could not be properly responsive.

I am searching my backups for screenshots from earlier in the process, but below are some prototypes and a selection of high-fidelity wireframes, from a later stage in the process, during which I was a UX designer working with UI design elements created by the team's UI designer.

In this case study:

Prototypes:

Even though the legacy Bump website could not be rebuilt to be fully responsive, we explored various column structure concepts for desktop web. Below are screen recordings of a few prototypes I built:

An expandable left rail, collapsed at smaller widths
Two-column structure
Three-column structure

Mobile Web

Mobile Web Home Screen
Mobile Web Calendar Tool
Mobile Web Community Screen
Mobile Web Guides Screen
Mobile Web More Screen
Mobile Web Search

Desktop Web

Desktop Home Screen
Desktop Pregnancy Calendar Tool
Desktop Community Landing Screen
Desktop Account Screen
Desktop Slideshow Modal Window