Design setting - UX improvement

Interaction Design • End-to-end Design

The current Mono Solutions CMS editor lacked a clear distinction between global and local design settings, causing user confusion and making navigation unintuitive. Users struggled with ambiguous transitions and limited visual cues, which made it hard to identify available options. Additionally, applying global changes disrupted the workflow by opening a new window without proper indication.

My initial approach to solve this involved repositioning Global and Local elements separately—Global settings on the left and Local on the right. However, due to constraints in the development environment, this setup wasn't feasible. We evolved our process by adopting a new strategy: using distinct titles to differentiate Global and Local sections clearly.

The final solution includes a redesigned flow featuring a dropdown menu and an accordion view, which streamlines access to all design options without the need for extra clicks. This improved structure eliminates the "more local design options" button and enhances the interface's discoverability. We also implemented clear labels for Local and Global settings and updated Vue components for a consistent user experience, including features like tooltips, locker icons, and hover actions.

Copenhagen, Denmark - 2024