Pebble
2013-2014
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.
From zero to mobile app
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.
Content layout and 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.
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.
Applying visual design
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.
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.
Watch 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.
Pebble
2013-2014
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.
From zero to mobile app
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.
Content layout and 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.
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.
Applying visual design
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.
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.
Watch 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.
Pebble
2013-2014
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.
From zero to mobile app
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.
Content layout and 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.
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.
Applying visual design
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.
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.
Watch 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.