You can see this is one long scrolling page with stacked tables.
Problem Solving with Design Thinking
An example of how I problem-solve with design thinking while maintaining the goals of both the Business and Design teams who were stakeholders in this project.
Problem-Solving with Design Thinking and Facilitation between Business & Design Teams
Here is a real-world example of how I approach design and teamwork. This example demonstrates my ability to find solutions using design thinking while balancing the needs of the user and Business team along with the constraints of a design system.
Problem Statement
Member Outreach Representatives need to add an alternate email and/or an alternate phone number to a Member's Profile and update preferences.
Requirements Round 1
Member Outreach representatives must navigate to the Member Profile page in order to add/update contact info for HIPAA/API reasons.
Members must be able to add & edit alternate mobile and alternate email addresses.
Page width must not exceed 1200px
Design Challenges
Outdated Design
Must update to current UI/DL standards which are only partially documented
Limited space with a lot of requirements
I started with something like what you see below. I am unable to share real screenshots due to company privacy policy.
Original Outdated Design
This is a rendering in Balsamiq which is pretty close to the original design I had to work with.
First Exploration
I thought I nailed it initially and came up with quite an elegant solution, which started with me thinking about it quickly with good old-fashioned whiteboarding.
Below are representations in mid-fidelity but, in reality, these were high fidelity interactive prototypes that I am unable to share online.
Second Exploration Based on Testing & Requirements Round 2
I demonstrated the interactive prototype to the team and they came back with these new requirements:
Preference categories must be scalable to 8 or less
Preference subcategories must be scalable to unlimited
Because I was working within some established Design Language Guidelines, I only had so many options for laying out this page. By moving the navigation to the top I created more space within the 1200 max design requirement and made the section much more scalable.
