Having just rebranded, ALVEO Health needed to reface their existing client portal. In a single iteration I took their initial login screen from this:
🔹 🔹 🔹
On to the main interface. The original was a horizontal layout that ran off into infinity as it grew. Menu hierarchy did indeed exist, but was lost in a linear progression of tabs.
Conventional wisdom suggested a vertical alignment. Obviously, this would scroll much better, but it also allowed us to display menu groupings and parent-child ordering. Making the list collapsible, as well as adding icons only to the parent items, helped reduce clutter and eye-fatigue. The bold brand color scheme was used to indicate current menu state (green) and the anticipated user selection (orange).
🔹 🔹 🔹
Now we have the main interface in its final state. The menu panel is fixed left, and the three central icons are fixed top center. All other content scrolls vertically. To prevent collisions, a gradient fade is applied while content remains underneath.