Before designing anything, it was important to gain a better understanding of common UX practices related to designing an information hierarchy and resource page. Research helped me identify the main design trends to learn from and pitfalls to avoid.

I created rough wireframes to visualize different structures for the elements on the resource landing page and the category-based page, which was a new feature we agreed to add during research and ideation. This allowed me to explore options, receive feedback, incorporate it quickly, and decide on the best layout for the page.

Once the fundamental architecture of the page was established, I created a range of high-fidelity prototypes, testing out various visual elements, layouts, and colors.

For the final product, I designed custom icons for the different categories on the page. I drew inspiration from the placeholder icons used in the prototypes and utilized Figma and Adobe Illustrator to create the final icons.