License Renewal Page
I had an assignment to improve a single license renewal page and make it more user friendly. This is a page dedicated to returning visitors who are already very familiar with the product. For the sake of consistency it was important to use the same colors and style as the rest of the website.
What?
Before
After
My Improvements
I changed the drop-down menu into card selection.
Drop-down menus should be avoided when there are either too-few or too-many options to choose from.
I changed the license type drop-down menu into radio button selection.
A radio button interface is often the better choice as it doesn’t require users to open a menu just to scan the options which saves them an additional click.
I changed one of the buttons into passive state to inform the user that this option is mandatory and can’t be unselected.
In the previous design the user could deselect this option which later resulted in an error when they wanted to proceed to the next step.
I incorporated discount information to let the user know how much they’re saving.
Not having the discount listed is a missed opportunity for upsells.
I changed the previously used cart icon for a renewal icon and changed its color from black to white. Black icon color was not visible due to the lack of contrast.
Once the button is clicked it’s important to notify the user of their successfully completed action.
Conclusion
The challenge was how to improve conversions and user experience when working with an already existing design language. This was done as part of my freelancing work, therefore I have no insights into how successful this redesign was.