Redesigning the Resource Hub for Best User Experience, Conversion, and Filtering System
PROJECT OVERVIEW
The resource page should be a simple page on our blog, highlighting useful posts and information about specific topics we blog about. Our resource page currently doesn't display all of our updated resource information and doesn't offer excellent user flow. We have lots of room to create and improve the user journey. As a result, users can get the information they're looking for easily, but we can increase our CTR and support our service's best quality with improvements. https://www.bigcommerce.com/resources
GOAL
We need to provide a better user experience since we increased resource information and added content. Users can easily find any information through the resource hub page. We can also let users find it in multiple ways because everyone searches for things differently, so they need to accommodate this by having various user journeys. The idea is to create a go-to resource so that users can find our very best content quickly.
UX PRINCIPLES
-
Educate our audience
-
Allow the audience to find information quickly
-
Increases the stickiness of the page
-
Engage the audience to share our content, which then spreads our brand
-
Improve our CTR rates for better organic rankings and SEO
-
Help to ensure the customer's business is a success by providing information for decision-making
WEB BEHAVIOR DATA ANALYSIS
Entrance paths - Resources section
-
Top entrance paths - resource links on digital marketing landing pages, blog articles, and solutions pages, driving directly to landing pages
-
Second entrance path - main navigation clicks and footer from home and product pages
Top clicks from / Resources
-
Low click-through rate to featured content, only about 17% of clicks
-
Users are primarily browsing through the main navigation when visiting resources
Top clicks from / resources/ guides/
-
Featured guide gets the vast majority of engagement.
-
Action: Display the highest-value asset in this placement, rotate regularly
-
“Select the Right E-commerce Platform for Your Business” is significantly higher
Top clicks from / resources/ webinars/
-
Featured webinar (product tour) gets the vast majority of engagement
-
Action: Display the highest value asset in this placement, rotate regularly
-
Buried “BigCommerce University” link gets high engagement
COMPETITOR RESEARCH
CLICK IMAGE
TO ENLARGE
CLICK THE THUMBNAIL ORUSE THE SIDE ARROWS TO VIEW
NAVIGATION STYLE RECOMMENDATIONS
I proposed two navigation styles: a dropdown menu and a horizontal sub-navigation. Both approaches follow best practices and support a consistent user experience. They can be easily integrated into the existing design system while maintaining usability and clarity.
EXPLORE CONTENT AND LAYOUT
I created initial content across multiple phases. These examples highlight my approach to structuring the design process—showing how I explored, iterated, and aligned the experience with user needs.
FINAL USER FLOW & STRUCTURE
After several rounds of discussion and back-and-forth collaboration, I finalized the user flow and overall structure. This process helped ensure the experience was clear, intuitive, and aligned with the team’s shared understanding and user needs.
CLICK IMAGE
TO ENLARGE
FINAL HIGH FIDELITY WIREFRAMES
The final product was the result of close collaboration and thoughtful iteration. I refined the user flow and visual structure to create a seamless experience that feels intuitive and on-brand—ensuring every detail aligns with the company’s visual language and design principles.
