Pebble

From Kickstarter to Best Buy

Being an early leader in the world of wearables meant that we had access to mountains of user feedback from a fervent community of early adopters. We wanted to introduce loads of new functionality, perform visual rebranding and transform the onboarding experience to meet a much higher standard for usability. As the first UX designer at Pebble, I was tasked with leading these efforts.


 

Mobile app redesign

The first version of Pebble's smartwatch companion mobile app was woefully designed completely by engineers, so we jumped right into the redesign by sketching out layouts of the screens we knew we needed in the experience.

pebble-1.png
 

Content layout & hierarchy

Once we got past the initial requirements conversations, and figured out how many screens we wanted, we took a more detailed stab at the specific contain each screen was going to contain, including the supporting navigational elements.

pebble-2.png
 

Interaction Design & Flow

Before moving towards high-fidelity, we ironed out the details of the interactions on each screen, as well as flows between screens, and key moments in the user experience, such as downloading an app to your watch.

 

High-Fidelity mockups

Below are the result of a few dozen iterations on high fidelity designs. We considered iOS and Android versions as separate but related projects.

 

App Store

Part of the requirements included a brand new app store, the first of its kind for a wearables device, ever. 

Screen Shot 2017-11-30 at 5.40.20 PM.png

Featured in an In-flight magazine

We were lucky enough to spot this unsolicited mention of our hard work.


UI Kit

After we finalized the high-fidelity design decisions, we crafted a UI-Kit to help facilitate the development handoff.


Web Products

Users needed a way to submit new apps, update them, track their approval states, and more. We also provided developers with a UI template to help them visualize how and where their apps & related content would get displayed in our store.


Smartwatch UI/UX

The wearable itself needed a whole lot of UI/UX love. We worked on standardizing the UI patterns for common interactions & flows, and created a first draft of a UI guidelines document to share as a resource for our developer community.

We redesigned a few of the core apps and navigation flows including notifications, the music player & more. We also guided partner companies like Uber & Ebay to envision their own Pebble use cases and app UIs.