Working with internal stakeholders, I researched the best user experience conventions. I implemented them uniquely, incorporating the company's business needs, the brand, and a suggested minimalist design direction. I used a "mobile-first" methodology and applied "atomic design" principles when creating the mockup and prototype.
Brand and UI Assets
Prototypes
The prototypes below were made in Adobe XD as part of our product detail page redesign. The redesign needed to address specific business requirements, outlined below.
Product kit selection - add to cart
This is a prototype showing the intended user experience of attempting to add a camera kit to the cart. It displays a prompt that prompts the user to select a specific 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 selected color.
Stock alert input
This user flow depicts a stock alert for an out-of-stock item. It features a would-be user navigating to the request stock alert button, inputting their email in the model menu form, and submitting the stock alert. It features a confirmation and sends an email confirmation as part of the user experience.
Service plan selection
This user flow depicts a service plan selection from the dropdown menu. The validation feature in the prototype was requested by our customer service team, as many orders for this product were submitted without a mandatory service plan, which required the GPS tracker to be used entirely.
To ensure a friendly, cohesive user experience, we prevented users from adding the item to their cart unless they selected a service plan. This ensured that our customers understood that the product requires a service agreement to check out.
Request volume discount modal
Our sales team requested the ability to request a volume discount online. This allowed the user to quickly request that a salesperson contact them if they were interested in purchasing in bulk.