The HP Smartwatch was designed to be an embeddable white-label smartwatch device that enabled Designer Watchmakers to put smart tech into their traditional analog watches.
My contribution to this project focused on the Watch Menu Interaction, a Quick Start Guide, and the In-App User Guides. I was tasked to produce white-label wireframes that could accommodate the various watches and their features. I outlined the watch menu's behavior and animated each watch guide. Lastly, I built a fully coded HTML click-through tutorial which was embedded into each branded mobile application.
HP Consumer Wearables & Smart Systems
Sr. UI/UX Architect
Watch Menu Interaction, Quick Start User Guides Wireframes, User Guide Animations, HTML & CSS development.
Considering this was a white-label project, we focused on establishing the layout and interaction models. The brands we worked with supplied their brand guidelines and photography so we could apply the correct look and feel to the app. Below is an example of the wireframe template and the final visually branded Tommy Hilfiger version of the app.
Part of my deliverables for this project was to create a How To and Quick Start guides to illustrate how the watch works. I needed to illustrate each watch from each brand, apply the same animation, then code a brandable and responsive mobile-friendly How to Guide for the mobile app.
To the right, you can see the demo in action. Drag or swipe to see various other slides.
Below are a few brands we worked with during the collaboration. You can also view some of the marketing images and videos produced for various brands. I will note, the photography and videos shown below were created by each respective brand and not by me. This is just to give you a sense of the final product.
