Select Page

This was a 95% telecommuting role in an ASP.NET development environment and, apart from a few team meetings in the Cincinnati conference room, all work took place over VPN, SFTP and Windows Remote Desktop Connections (RDC). Team Foundation Server (TFS) managed source code check-ins. Facetime happened over Skype. Progress was tracked in Asana. This effort required supporting IE9, so all the custom styling and logic rules I might create would be constrained by the CSS and JavaScript limitations of that browser.

Having just rebranded, ALVEO Health needed to reface their existing client portal. In a single iteration I took their initial login screen from this:

 

 

to 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.