Improving component UI for Desktop, Tablet and Mobile users.

Quote component on Mozilla Foundation site

My role: UX/UI Designer
My role in this little piece was doing the tweaks on the existing UI (made by another member of my team), PR reviews and working with Engineers to solve issues.


Problems we were trying to solve

We found opportunities for improvement of our quote component. The current implementation needed some tweaks to looks better.

The proposed solution

UI tweaks to make it look better.


Process

UI and engineer implementation

Wrote a proposal of the ideal state, side by side with the current state.

Screenshot of proposal of tweaks, with guidance to engineers
Proposal of tweaks, with guidance to engineers


Results

New UI was implemented on the quote component and it looks more harmonic with the rest of the site’s interface.