Waters Tab Component
My Role
UX Design
Project Overview
While performing a UX review on an Applications page, I noticed an issue with the Tab component. If there was more than one tab in the component, the styling of the tab was displaying correctly. However, when there was only one tab, the styling was not displaying right. My goal was to work with the dev team to fix this bug.
Process
I replicated the issue in the Stage environment so the dev team could work without risk of changing the live site. Then I created a mockup of what the component tabs should look like if there’s only one item, and worked with the dev team to implement the bug fix.
Before - Incorrect tab styling
After - Correct tab styling
