Working with internal stakeholder, I researched the best user experience conventions and implemented them in a unique way that incorporates company business needs along with the brand design system as well as my minimalistic design approach. Working in a "mobile-first" methodology and applying "atomic design" principles when creating the mock up and prototype.
Brand and UI Assets
Prototypes
The prototypes below were made in Adobe XD, as part of our product detail page redesign, there were certain business paint-point that needed to be addressed with the redesign. I have highlighted some use-cases below for particular features.
Kit selection - add to cart
This is a prototype showing the intended user experience of attempting to add a camera kit to the cart, this depicts a prompt that notifies the user to select a particular camera kit option.
Capacity selection
Prototype showing the user experience when selecting a particular product capacity.
Color selection
This prototype depicts color selection and the UI elements that indicate the color the user selects.
Stock alert input
This user flow depicts a stock alert for an out of stock item. It features the user navigating to the request stock alert button and inputing their email in the model menu form and submitting the stock alert. It features a fine confirmation, which we determined to be a vital part of the experience as it gives the user closure that their information has been submitted securely. In addition to the submission for a stock alert, the user also gets an email confirming with them that they have done so.
Service plan selection
This user flow depicts a service plan selection from the dropdown menu. The use of validation indicated in the prototype was a feature requested by our customer service team, as there were many orders submitted for this product without a mandatory service plan, which is required to fully use the GPS tracker.
By restricting the user from adding the item to their cart without a selection of a service plan, we were able to ensure that our customers understood this a necessary component to their purchase and opted to select a desired plan to meet their expectations.
Request volume discount modal
The ability to request a volume discount online, was something our sales team requested, this allowed the user to quickly put in a request for a sales person to contact them, if they were interested in purchasing in volume.