N-able provides IT management tools for service providers around the world. Their legacy customer portal had become dense, inconsistent, and increasingly difficult to maintain. Built on Salesforce components but lacking cohesion, the experience made it hard for users to find key resources, manage subscriptions, and track support cases efficiently.
The challenge was to rethink the user experience while honoring existing development constraints and platform architecture. This meant reworking the visual hierarchy, simplifying the structure, and designing a cleaner, more modular UI that could integrate with Salesforce’s Lightning Design System and N-able’s evolving brand identity.
I led the redesign from start to finish — restructuring the information architecture, creating responsive wireframes, building a modular UI kit, and aligning the experience with Salesforce’s design patterns. The final design was delivered ahead of schedule and approved with only minor color adjustments to match N-able’s brand.
The platform was built on Salesforce but lacked a real UX foundation—just disconnected components and outdated layouts. One of the biggest challenges was adapting a custom Mega Menu that had serious usability issues: users couldn’t identify content categories clearly, and Salesforce struggled to index files and components within that structure.
With only 30 days left at IBM, I restructured the experience from the ground up: simplified the navigation, replaced the Mega Menu with scalable Salesforce-compatible patterns, and created a modular UI system aligned with Lightning standards. I delivered the project a week ahead of schedule, and the client approved the redesign with minimal adjustments.
To modernize the platform, I delivered a full set of responsive wireframes, high-fidelity UI, and a modular design system. These samples show the evolution from architecture to interface — all aligned with Salesforce Lightning and adapted to N-able’s brand.
Use this image first to show the structural reorganization:
Group these together to show early-stage layout thinking. You can stack them side-by-side or one above the other:
Close the section with the design system visuals to show consistency and component thinking:
This project reinforced the importance of balancing speed with structure. Working under a strict time limit, I had to prioritize decisions that would scale — from reorganizing content to building a design system compatible with Salesforce. It also reminded me how even small UX shifts, like replacing a broken mega menu, can unlock huge gains in usability and long-term maintainability.
