Widget Panel

Widgets are versatile tools that can range from simple navigation aids to complex, interactive elements. The flexibility of Widgets enables companies to create more intuitive and efficient user experiences within their learning platforms. As a part of the product rebrand, I was tasked with figuring out how to utilize the right panel for all incarnations of the widgets on the homepage.

UX research and vision

The research found that customers will likely begin their Schoox session from a bookmark to their favorite academy page. Widgets in the panel guarantee they can see important announcements or onboarding tasks no matter which page they are on. The vision is for these widgets to compliment the team's main objective, not a distraction. Because the widgets appear on every page, I worked to balance subtlety with condensed, easy-to-digest information

From homepage to panel

I designed the experiences for both admin settings and personal preferences, which are utilized to customize each team member's widget experience. The academy admin has the ability to choose which widgets will display for each workspace.

Calls-to-action

I was responsible for designing the experiences and states for each widget. For 10+ different tools, I had to keep consistent visual hierarchies, legible writing, and clear calls-to-action.

The impact

Feedback from testing and customer adoption indicates that users value customizable, efficient, and intuitive sidebar widgets that enhance their ability to navigate and access information quickly. With my help, the widget panel was successfully added to the design system pattern. So the panel and all of the widget variants are now utilized by the entire UX team.