I was assigned to design an app for GSTV that would interact with their digital screens using the SDK from ACTV8me. This project was a great learning experience deploying designs with an application of my foundational design system. It allowed me to rapidly reflect the client's feature requirements and branding while utilizing components and patterns I had designed.
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.
My excitement for this project cannot be overstated. Although it wasn't the most intense or lengthy project, it was the first time I could fully implement an atomic design approach across a system beyond a single instance. This allowed me to quickly adapt new product iterations with a customized set of variable features based on business needs, along with the reasoning behind them.