An app for GSTV screens using the Mobii SDK for gasoline stations across the United States. This project was a great learning experience deploying the Mobii SDK in tandem with a basic design system to reflect the client's needs and branding.
Product and UX/UI Design
Abstract - HTML/CSS - InVision - Jira - Sketch
A view to primarily inform the user as to the app status, instructions and primary content engagement when triggered. Displaying only compact informational content maintains focus which in this case is important as the window of activity is relatively brief.
When an offer is detected it is displayed prominently, strongly urging the user to decide on content. It is a better experience for the user and client if content is dealt with sooner than later as many of the offer types had a brief lifespan.
When an offer is received the user is presented with a card and a few actions related to the content. Continuing the tempo of the offer detection, the card dominates the view requiring the user to take an action related to the content. 'Save to Wallet' is a quick way to quickly consume the content to deal with at a later while ensuring the user has been exposed to the offer.
Offers are stored in a convenient wallet where the user can interact with them. Offer highlight, brand and time remaining to use the promotions were prominent.
The GSTV experience offers could be redeemed online or immediately on-site. The user could catch an offer while performing a variety of common tasks at the gas station, providing convenience and engagement.
A major requirement for the client in this case was their own dashboard instance. This resulted in a custom dashboard with specific permissions and capabilities as well as client branding and customization. This presented a unique challenge as I was also designing the dashboard that would be managing this dashboard which happened to be a great fit a systemizing visual elements and certain components and patterns.
My excitement for this project cannot be understated. While it wasn't the most intense or longest project necessarily, it was the first time I was really able to exercise an atomic design approach to a basic system beyond a single instance. I was able to relatively quickly paint a new product instantiation with a customized set of feature capabilities in response to business needs.