Bloomberg, a multinational mass media corporation, has asked Frog to redesign their corporate website which was originally hidden deep inside their market site, bloomberg.com. The company mainly provides financial software tools for analyzing data services and the latest news to financial companies and organizations. For their company site, we wanted to communicate the true personality of the company, therefore we made a single-page, infinite-scrolling website using their real-time data.
When compiling all the information together, we divided the data into 3 types. Evergreen data, moderately changing data and constantly changing data. Using their corporate typeface, Akzidenz Grotesk, and incorporating their visual language, we decided to keep them in modules but in different sizes to create a dynamic site.
Design system for dynamic data
The design challenge we faced was that the numbers had a mind of their own, sometimes growing or shrinking without warning, which caused some unexpected spacing issues. But we found a solution by designing multiple flexible templates that could adjust to these fluctuations. We carefully considered the size of the numbers and the accompanying text to make sure everything looked just right. To keep things visually consistent and interesting, we established a pattern and a matrix for each row in every section, making sure that similar sections had a similar look and feel. The result is a website that's pleasing to the eye and easy to navigate, no matter how the numbers decide to behave.
AGENCY: FROG, CD: MONIQUE TESELLE,
AD: YUMI ASAI, TECH: JUAN CHARVET, ERIKA WEI
AD: YUMI ASAI, TECH: JUAN CHARVET, ERIKA WEI
