Bloomberg

This wasn’t your typical corporate website.

Modeled After Bloomberg’s Lobby

Both the brand team and the agency wanted to mimic the experience people got when walking into Bloomberg’s lobby, mainly feeling overwhelmed and fascinated by the hundreds of data streams all coming into one place.

Unconventional, but Not Unusable

While there was an easy-to-use persistent navigation to get to deeper levels, the immersive single-page experience encouraged engagement with each data point, linking to contextually-relevant areas around Bloomberg’s digital ecosystem.

First Site to Use JS & CSS Frameworks

Despite Bloomberg’s locked down IT, in order to get to launch I wrote a number of technical POVs, attaining approval to utilize several reputable frameworks. It was the only way to hit a timely six-week deployment from the start of development, and many from Bloomberg’s webdev team thanked me for it afterwards.

Optimal Performance through Creative Architecture

To mimic a never-ending wall of data that never seemed redundant, I utilized Backbone.js to handle application processes through a Model-View-Controller (MVC) design pattern, which enabled me to create shared behaviors across different data files, rows, and blocks, regardless of the difference in layout. ICanHaz.js was utilized as a templating solution for the rows in the UI, enabling the application to instantiate rows randomly and animate them in as they moved into the viewport. Finally, I utilized custom as well as third party APIs such as NASDAQ’s and Bloomberg’s stock and news tickers, Bloomberg’s twitter feed and more for real-time content syndication.

Macro-Level Component Map

Chosen as FastCompany's Infographic of the Day

Technical Specifications

This contains a breakdown and explanation of the web scripting frameworks and libraries I used to bring this experience to life, alongside application runtime and system maintenance rules.

Interaction Design, Technology