WIDGETS

1. Dynamic Staff with Modal Pop-Up

This widget was created to plug into a companies staff page and easily be able to add a photo, name, position, bio, and a feature to toggle on two additional buttons if needed, for example a "Call" and "Email" button. Our company had a few of these that were slightly different in their content options and design look. I saw an opportunity to bring together all of the best elements of each to create a new widget that would become the new default staff widget used by our entire team.  

Conducting User Research

I didn't set out to make this widget the new "go-to" for our team but my approach is what ultimately led to it's success. Before beginning I talked with all of the website designers on the team to get their feedback on the current staff widgets. What they liked, what they didn't like, and lastly what features do you wish our current staff widgets had. Their main feedback was as follows:

• The ability to make the widget a grid view to allow for more than staff per row - We currently had two different widgets depending on if they wanted a grid view or list view. 
• A more responsive modal between device types - The current was not very adaptable when it came to switching between small desktop/tablet views.
• An Option for Additional buttons - The only button on the current widgets was the "Read More" button that would open the modal to read the full bio.
• More control over text styling within the widget API - Current widgets were limited on the text styling available, for example, not being able to control the line height to adapt better for different fonts.

Armed with that knowledge I was ready to start creating.