Overview
Ingrooves has quickly developed new products over the years to better serve their music label clients and grow the business. These new products were only accessible through specific product categories making it difficult to know where to find things.
The purpose of this project was to redesign the universal navigation model and interface so that users would have faster access to products and a better mental model of the entire Ingrooves product family.
Previous Navigation
Issues
- No way to access the entire product suite from any product page
- No formalized structure or taxonomy
- difficult to talk about the suite internally and to users
- products aren't labeled so user doesn't know where they are
- URLs don't express nav location and have their own ontology
- Global navigation and product navigation competing for space in top nav component
- Important features hidden in sub-menus
New Navigation
Improvements
Some new products and features were added while others were retired. With that, a new navigation model was designed that:
- Allows users to see the entire product suite from any product
- Uses a common language for names that display on products and features
- Reduces the number of nesting levels to reduce navigation fatigue
- Puts features as top-level navigation within products
New Navigation Menu
The new side-only navigation:
- Can be collapsed to conserve space for working or mobile
- Gives us room for supporting text to help users understand product categories
- Assigns icons to products to better connect menus to product pages
- Contains both the universal and product-specific menus
- Frees up topmost horizontal space in the main UI for product-specific content and tertiary menus