Since the beginning of 2016, I have been the lead designer of several user-centered software and web experiences for Motorola, the iconic phone brand now owned by Lenovo. As part of Motorola's Consumer Experience Design team, I am focused on innovation, with an emphasis on camera and imaging solutions. My work has also led to my being listed as a joint inventor on a patent filed by Motorola.
Each of upwave’s five content verticals were assigned a unique color. Along with the standard upwave red, this comprised the primary color palette. The secondary palette was made up of a limited color range anchored by each of the 5 vertical colors. The use of pure black was avoided in lieu of a softer dark charcoal, giving the experience a less severe, more approachable feel.
The primary typeface used across upwave was Graphik, a clear and stable neo-grotesque-style face that was tracked tightly at larger sizes. While Graphik made for impactful headlines, it had poor readability at smaller sizes. As a result, we introduced Open Sans for body copy. Designed with on-screen readability in mind, its more varied letterforms made for easier, effortless reading.
Interactive elements across the site were designed for touch, even those used primarily on larger browser sizes. This made for larger, clearer actions on all platforms.
upwave was designed responsively using a 12-column grid, which was broken up into three primary content columns. Cards were used as the building blocks of the structural system.
Cards were designed at three relative sizes that fit cleanly into the grid, providing page layouts with consistency and flexibility. The smaller card sizes were designed to be used on both desktop and mobile and the structural system itself was designed to withstand incremental expansion (i.e., additional card sizes).
Moto Mods homepage
Moto Mods is a modular platform that transforms the Moto Z line of smartphones into entirely new devices. By magnetically snapping onto the back, Moto Mods can turn your phone into a boombox, a projector, a high-end camera with optical zoom, and more.
In 2016, to help explain the unique set of products, we created the "flip book", an area at the top of the page that let users swipe through both phones and mods and see how they connect. By showing the products in three-quarters and side views, we could feature the individual products while underscoring that together they created an entirely new device.
Individual articles were tagged with a set of relevant interests and filed under one of the five main content verticals. Some articles also fell under one of upwave’s branded content collections and sported this branding in a header at the top of the page.
Challenges offered users a clear, structured program to achieve a particular goal over a given period of time. Once users initiated a Challenge, they could check off a series of steps linked to bite-sized achievements that moved them closer to their goal. An interactive dial gave them feedback and encouragement along the way.
TrackIt was a web app that pulled together users’ lifestyle apps and devices and collected their data in one easy-to-find spot. Tracker Cards displayed individual data feeds (steps, local weather, coffee consumption, etc.) that could be pulled onto a staging area and plotted against each other to tell a unique story about a user’s activity.
All images Copyright © 2014 Turner Wellness. Turner Broadcasting System, Inc. All rights reserved.