Pebble
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.
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.
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.
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.