Hykmah is the SaaS platform behind WebCommander and its sibling products. Each product was designed on its own terms, then stitched together under one account, one bill and one set of plan tiers. The stitching is where users got lost.
Hykmah is multi product platform but the initial build doesn't reflect that at all.
The platform grew faster than its seams
Hykmah is the SaaS platform behind WebCommander and its sibling products. Each product was designed on its own terms, then stitched together under one account, one bill and one set of plan tiers. The stitching is where users got lost.
Navigation implied the wrong scope:
Product items (Overview, Subscription, Usage and limits, Plugins) and company items (Billing, Affiliate, User access, Audit logs) all sat under the product switcher. Switching product suggested everything changed, when half the menu stayed exactly the same.
What guided the work
Show people where they are and what will change before it changes.
Say one thing one way, on every surface, from banner to invoice.
Never display a state, number or offer that is not true for this user.
SOLUTION 1
Splitting the sidebar by what actually changes
I divided the sidebar into two labelled groups. Product items sit in a tinted container attached to the product switcher, and the switcher names the active product. Company items sit below, outside the container, so it is visible that they do not move. A brief highlight on the product block when switching confirms which part of the menu just changed.
SOLUTION 2
Splitting the sidebar by what actually changes
I divided the sidebar into two labelled groups. Product items sit in a tinted container attached to the product switcher, and the switcher names the active product. Company items sit below, outside the container, so it is visible that they do not move. A brief highlight on the product block when switching confirms which part of the menu just changed.