Senior designer leading projects for scale

3M+

users reached

+80%

efficiency wins

3

design systems built

10+

engineer teams supported

Overall stats

Simplifying Element Hierarchy

Led the modernization of the the elements panel to improve how users organize, reorder, and manage elements within a complex visual builder environment.


ROLE

Lead designer owning the interaction patterns that scale value to users

PROBLEM

New users were churning before reaching value because the interface felt outdated and organizing page elements was technically unintuitive.

RESULTS

Increased efficiency of adding and grouping elements

Reduced friction of compounding interactions

Onboarding time reduced by 20%

Scannable navigation & easy discovery

Created a clear visual icon system that allowed users to quickly scan and identify categories of elements in the layer panel, improving discoverability and reducing cognitive load when navigating complex page structures.

Added hierarchy

Restructured element hierarchy and grouping logic so users could better understand relationships between elements. Introduced clear structural rules such as separating floating elements into a dedicated top-level grouping to prevent structural conflicts and reinforce predictable layout behavior.

High-Efficiency controls

Designed improved drop zones, keyboard shortcuts, and mutli-element interaction controls that made it significantly easier to manage large element structures. These refinements removed compounding friction in high-density pages and enabled users to confidently manage complex layouts at scale.

Enter Password

Create a free website with Framer, the website builder loved by startups, designers and agencies.