Project Objective
After modernizing their branding and packaging, The Genius Brand needed a new website that reflected their updated visual identity. The website required users to easily find products based on their needs, especially due to The Genius Brand’s diverse product and bundle selection. Additionally, the website required a robust design system and component library to easily create landing pages for marketing campaigns.
Design System
The Genius Brand’s design system was built to easily facilitate the addition of new interior pages and landing pages. The system includes foundational components, typographic scales, and more complex elements like product cards and highlighted CTAs.
Mega Menu
A fully-custom mega menu was built for The Genius Brand’s top navigation, letting users quickly and easily browse product categories according to their needs. Hovering on product categories displays featured products to drive traffic to new or trending products.
Ingredients Glossary
To educate users, an ingredients glossary provides customers insight on different ingredients that are categorized based on their area of effects. Users can then browse products that contain the specified ingredient and add them directly to cart.
