Website Replatform
The goal of this project was to transfer Modere’s home brew shopping website to an established platform with solid checkout software. The former checkout was not functioning as well as it should and was getting too difficult to patch which led to many frustrated users and abandoned carts.
The new website got improvements to every feature. Below are some of the most notable renovations.
July 2022 - June 2024
Major Stakeholders
Modere
Social Marketers (SMs, Direct Sellers)
Customers
Tools Used
Figma, Adobe XD, Zepline, Magicul, Google Analytics, Big Commerce, MobiLoud, Exigo, Azure DevOps, Aha!, Jira
My Role
UX, UI, Usability, Remote UX Research, Content Migration, Branding and Styling
This project was a company wide collaboration and effort along with at least four other third-party companies. Credit for the following work is shared among all contributors involved.
Branding and Visual Design
Collaborating with the marketing team to create a fresh look was a blast, especially since it let me flex my re-branding skills again, which I hadn’t dug into since the Avenues Yoga project.
We used lighter colors, white space, and rounded corners to keep the vibe light and inviting. We also improved usability by using larger text and ensuring ADA compliance with all color placements.
Before
After
Search
The old website's search was not very functional, it showed collections before the specific product and required exact name matches, leaving users frustrated. SMs, in particular, struggled to quickly find products.
We revamped the search to be smarter and more user-friendly by organizing more relevant results to the top, making it a valuable tool again.
Product Variants
Our biggest win was adding product variants to the product detail pages. Allowing users to quickly choose flavors was a must-have to modernize the site.
We also created parent products for collections, which uncluttered the catalog page and made scrolling easier.
Checkout
Switching to the new platform's checkout resolved many back-end issues.
We also added the highly requested Google Pay and Venmo, which provided a smoother, more reliable checkout experience for 74% more of Modere’s mobile users.
Outcomes
We were able to modernize the website
We solved our original goal of gaining a better checkout experience and reducing cart abandonment
The new platform has a much more solid foundation which will make incorporating new features and doing fixes a lot easier and faster going forward
Special shout out to my amazing team who worked so hard to make this project a success!