Outlook

A quantum leap from the days of Hotmail, Outlook is today an internationally beloved, enterprise-grade, free email & calendar service. Furthermore, its latest incarnation brings with it free access to Office’s productivity suite (Word, Excel, PowerPoint). What Outlook needed was a new way to tell that consumer story on its landing page, without compromising sign-in or mobile-download actions. I worked closely with Outlook’s research, brand, engineering, and PM teams to—in just two quarters—redesign, recode, and relaunch its new-for-2019 consumer landing page.

The new, responsive, above-the-fold splash experience. Unlike the previous version of the landing page, which contained eight possible above-the-fold calls-to-action—some of which were internally redundant—this redesign drills it down to just the three that matter, presented in order of importance. Create an account, sign in, or upgrade. That’s it. Our user testing quickly revealed increased user success.

It was critical to me that every visitor be convinced that theirs was the form-factor the site was optimally designed for. No component should suffer because it’s on mobile. Features like this "Free Office Online" appeal fluidly shift from a horizontal carousel to a gracefully-animated-in vertical stack.

For the redesigned site, our first new messaging pillar was “everything in one place.” Consumer Outlook contains a lot, so I designed a noncommittal component that lets users reveal individual features merely by hovering (or tapping). Without prompting, user-testing interviewees instinctively hovered over each one.

Explaining the intricacies of enterprise-grade email security protocols is a heady subject. Through a combination of photography, writing, and system icons, this component tells that story concisely and coherently.

The former version of this page punted all mobile users to an austere, one-screen landing page. The redesign, instead, uses dynamic moments to contextually guide mobile-OS clients to Outlook’s native apps.

Instead of an Outlook-specific upgrade SKU, Outlook’s premium features come from a consumer subscription to Office 365. Telling that story can be tricky, especially since Office 365 contains its own tiers. I designed this new Outlook-specific upgrade page to explain those tiers cleanly and simply.

Because I was both the designer and front-end developer of this project, it was a seamless process to work with Outlook’s devops engineers to submit my own iterations, bugfixes, and A/B experiments into its core codebase.