Mobile App

Sprint Store SMARTwaTch KIOSK

An in-store information kiosk mobile application to showcase the available line of smartwatches and their built-in features.

Overview

The in-store Smartwatch Kiosk app was a tablet-based marketing app used to showcase and educate users about the various HP Smartwatches sold by our various retail partners. Sprint, being one of our early adopters, wanted to create an in-store experience that showcased the watches alongside an interactive experience that users could engage with. We showcased a continuous marketing video, allowing shoppers to click on a watch of interest and learn about the features/tech included in the timepiece.

CONTRIBUTION

My contribution to the project was in the area of UX, Visual Design, and Front-end UI Dev. in React Native. I worked with the team to decide on the app's content and experience. I produced the UX Design and Visual Design and helped a colleague develop the app's User Interface.

Team

HP Labs Product Innovation & Incubation Group

Role

Sr. UI/UX Architect

Responsibilities

User Flow Wireframes, Visual Design, and React Native Code.

WIRES & USER FLOW

With the Sprint Showcase App, we decided on three key principles to guide our design decisions. It needed to call attention, have a simple navigational structure and the content must be easily digestible.

We decided to run a nice video as a screensaver to draw the customer in. The video runs on a loop showcasing the watch, with a Learn More button to enticed the shopper to tap on the screen to learn more about the watches. The user can choose between one of two watches, the Isaac Mizrahi or Titan watch, and learn about their respective features.

This is an image that depicts the flow a user would go through when navigating the application. It starts from a video screen, where once tapped, it lands on a page where the user can choose one of the two watches. Once the user taps one of the watches they are sent to a tiny micro site that list the features for each watch.

VISUAL DESIGN

Both Titan and Isaac Mizrahi have very distinct brands, which we wanted to highlight. We needed to make sure to create a consistent user experience, while allowing the brands to showcase their identity as much as possible. I decide to go with a minimal design treatment, used muted colors, light button treatments, yet maintained the HP typography and brand-marks. I designed common layout structures, but allowed the brand's marketing collateral to consume the entire space. Luckily the brands had a great set of assets to choose from, so the design turned out nicely.

This is the same image as the previous one, but this image depicts the visual treatment of the page.