Brian O'Shea

UX Design & Product Strategy


U by Moen™


Opportunity: A well-known manufacturer of bathroom fixtures and faucets is looking to move their product line into the future. Can a smart IOT enabled shower make a splash in the market and delight customers?

Summary: My colleagues and I at Blink collaborated with Moen in the U by Moen digital shower — from the app UI and flows, to the design and interactions of the in-shower unit. In the end we designed an experience that empowers and delights customers, and has been a successful product for Moen.

Challenge: Moen came to Blink with the technology in place to make the first IoT shower a reality. The question remained: what would make Moen's digital shower experience extraordinary? Our partners at Moen knew they were solving for pain points many shower users wouldn't even detect, but for the product to thrive, they knew the U by Moen shower experience would need to promise delight.

Read on to see what we designed, and how we got there:

  • Client: Moen
  • Year: 2016-17
  • My Role: Interaction Design (mobile: iOS and Android, as well as Android-based IOT Hardware), UI Design, Design Specs and documentation, Design UAT
  • Collaborators: Visual designer: Eric Durr, UX Strategy and Direction: Byron Baker, Research: Jake Fleisher; Client Lead: Sanj Moghe
  • Tools: Sketch, Adobe Photoshop, Omnigraffle
  • View product: view product explainer video
    view product details

Results:

We begin the evidence-driven design process by interviewing users. My colleague Jake spoke with over 30 users to get to know the behavior and needs associated with shower usage before sketching out and prototyping UIs. The insights generated by the research created insights used to fuel the design process. After a series of testing and revisions, we landed on a final design to be executed by our development team. I was responsible for completing final designs related to onboarding, product pairing, home screen states, errors and warnings, multiple shower setups, as well as numerous setting and profile related task flows. I was also on deck to handle UX UAT - testing our designs and flows on many devices to flesh out bugs and ensure the product shipped without gaps in the end-to-end experience.

U by Moen™ was named a finalist in Hospitality Design magazine's 14th annual HD Awards, the industry’s premier competition, which celebrates the best in hospitality and product design.

Concur Newsroom
Unified, simpler and more visually appealing - the Newsroom brings together Concur content, press and media in a more engaging way.
Concur Newsroom - featured story layout example
Full bleed visuals, a more spacious and refined layout help make the Newsroom's story layouts a better fit for current Marketing content.

Process:

This project involved a heavy amount of domain and competitive research: both getting up to speed with Concur's product offerings, their role in the industry, and then understanding how Concur's Global Marketing teams handle producing and publishing blog and press content using current tools and platforms.

Concur's previous blog and press sections
Previous: Concur's previous blog felt outdated, and press releases and media mentions were bare bones and not well-connected to content (and the rest of the marketing site.) Newsroom replaces all three sections of Concur.com<
Concur Newsroom - sitemap
A draft sitemap developed early in the process helped generate discussion and early sketching
Concur Newsroom - userflow
We did rounds of userflows on whiteboards and paper, this electronic version came later.
Concur Newsroom - admin userflow
The project not only encompasses the reader view, but also the backend. Draft userflows for the admin workflow such as this helped to align with critical internal stakeholders who will be using Newsroom to publish content.
Concur Newsroom - early wireframes
Early wireframes were completed quickly and crudely using Balsamiq, helping to facilitate stakeholder discussion.
Concur Newsroom - channel nav explorations
The navigation structure took several rounds of iteration, gathering feedback from internal users and visitors.
Concur Newsroom - navigation
With stakeholder feedback, we settled on a navigation structure that allowed for a flexible array of both categories and tags.

Retrospective and Next Steps:

Following a content migration and curation process, the Concur Newsroom successfully rolled out live in 2016.
Although I am no longer at Concur - if I had the chance to revisit the project, I would want to refine the Newsroom further with better support for a variety of media types. I would want to conduct further user research on the navigation schema in particular, and find ways to optimize the admin/publishing experience.