UX Design
Product Description Page
The goal of the project was to align the user experience with the desired target audience to appeal to a younger (34-50 y/o)persona. My role was lead designer and creative project manager.
Project Summary
GreaterGood’s website was updated to appeal to a new demographic that is not price focused, younger and care about product quality.
UX Updates
Removed the price point focus and make it product first
Add macro whitespace to give a more high-end appeal
Add brand reinforcements for each cause area
After - Click image for full view
Increased whitespace, new icons, reorganized information to create a hierarchy to guide the user through the content of the page.
Refocused the price first strategy to focus on how the shopping experience works.
Before - Click image for full view
No hierarchy and hard to focus on how to navigate the page.
Price first strategy and lacking cohesive branding elements
Homepage Redesign
The goal of the project was to create a mobile first page with a focus on how the shopping experience works as well as brand reenforcement. My role was creative director and decision maker of the UX/UI design, branding and the look and feel of the page.
Project Summary
This project was to create a homepage that explains who GreaterGood is, bring more awareness to the Shop To Give feature in the nav, and create a visual hierarchy to guide the user through the page. The success of the the page was measured through conversion.
After
New promotion box at the top of the page
A nav was added to better explain the ecosystem of GreaterGood’s giving opportunities.
The shopping nav was redesigned to create less steps and better explain the shop to give dropdown
Made the entire page wider and increase margin heights to create more space for the user to take in the content
Made all text live text
Before
Multiple steps needed to navigate categories and limited explanations on navigation topics.
Narrow page making it hard for the user to navigate the page.
Minimal live text and inconsistent call to action format
Minimal margin between content without visual cues on where sections start and end
Results
Increased the ADA compliance of the entire site by adding live text in place of images and making color updates across the site.
Increased homepage conversions and the product description pages saw and increase in the average order value.
