The quote pages on Bloomberg News have been redesigned with improved page organization and a fresh new look.
The new market quote pages brought the page architecture up-to-date and in line with the rest of the site, and addressed core user requests for more prominent graphs and visuals.
My role: Lead product designer responsible for UX and UI design across desktop and mobile web products. Created at Bloomberg.
Before...
...and after
Project Goals
Update the design and codebase of the quote pages to bring them in line with the rest of Bloomberg.com
Make data (specifically, the current price, change and chart) the visual focus of the page
Create a new, prominent Related News section to highlight Bloomberg’s core differentiator of combining news and market data
Process Highlights
Wireframes roughly blocked out the size and location of page content
Design and Iteration defined and refined the look and feel of each element
User Research helped answer the question: Should we add navigation tabs?
Final Design & Handover provided developers with everything needed to build across break points, and to pull from and add to the design system
Design QA throughout the Production phase ensures that all page elements function as intended and are built to spec
