PORTFOLIO. A few of our visualisation, design & development projects from the past few years.

PORTFOLIO

A few of our visualisation, design & development projects from the past few years.

WHO WE ARE

Brondbjerg Design & Development is an experienced creative technology partnership specialising in Information Design, Data Visualisation, Web Applications, and Generative Design.

We work both directly with clients and with design, advertising & web agencies to help them deliver engaging and innovative projects.

We use a broad range of technology to create data driven & content managed web

applications and visualisations including: HTML, CSS, JavaScript, D3.js, Leaflet.js,

Processing, ASP.NET, SQL Server, Umbraco, AS3 and AIR for iOS. Read more: http://www.brondbjerg.co.uk/

OUR TEAM

Mike is a designer / developer / artist working in data visualisation, information design, web applications and generative design, using a range of technology including Processing, Arduino, HTML, JS, CSS, D3JS & WebGL.

Mike has worked on projects with clients & agencies including: Kings College London, Chelsea Football Club, Oxfam, Disney, Abbott Laboratories, Eli Lilly, The Away Foundation & 51Degrees. Mike's work ranges from analytical information design & data visualisations through to data illustration and generative design.

Mike speaks at various creative & technical events on data visualisation & generative design.

Polly Vinyard

Polly Vinyard has years of experience developing software, APIs & database solutions for agencies & large organisations in a diverse range of industries including insurance, pharmaceutical, marketing and aviation.

As a partner at Brondbjerg Design & Development, Polly works on the both the conceptual design & architecture of our projects as well as managing the data & APIs that underpin much of our work.

VISUALISATION

PROJECTS

DESIGN

DEVELOPMENT

Video summary, microsite, and searchable visualisations of annual survey data.

King’s College London

Visualising NO₂ levels over London during 2011, using the Kings College air quality data.

Dow Jones

Visualising changing press activity, using Dow Jones’ huge Factiva news database.

digitalglob.be

UI & data design for this global handset usage data

visualisation project.

Abbott Diabetes

Graphic, animation & data design for a series of 5 diabetes education videos.

King’s College - LLECP

Identity design for the London Lower Emission Construction Partnership.

Antron

Responsove microsite and custom JavaScript color palette web app develeopment.

Chelsea Football Club

JS application using Leaflet JS

to search, zoom & browse

huge fan-generated flag.

Smiths Medical iPad App

App for Smiths Medical to assist customers & sales reps

VISUALISATION

VISUALISATION

VISUALISATION

Brookfield GRS

We designed & built this responsive microsite to showcase the 20th annual mobility report issued by

Brookfield Global Relocation Services.

We worked closely with Brookfield to create a site

that uses video and animated data to present the

key findings of the report.

Using AngularJS and Highcharts we created a “Data Explorer” for users to dive into the survey’s many questions and discover results for their own Industry and Region.

Global Mobility Survey

VISUALISATION

Visit Site:

King’s College London

King’s College is responsible for monitoring and reporting pollution levels at dozens of sites in Greater London.

We were interested to see, both out of aesthetic and intellectual curiosity, if you plotted & animated daily pollution levels at each of the sites, what annual patterns would be revealed but also what creative output could be generated from the data.

With help from the team at King’s we gathered the 2011 daily mean NO2 and wrote a Processing desktop application to map and explore the data.

Visualising Air Quality in London

VISUALISATION

Read More:

Dow Jones

Dow Jones’ Factiva database contains meta

information on thousands of daily news arcticles and information sources.

Each article is linked by the people, companies, industries and locations it contains.

For their R&D department, we designed and produced this web based visualisation of the changing press activity for two companies.

It shows, not only the change in the level of activity between Microsoft and Apple, but also the

companies they are discussed alongside, giving you an insight into how their market has changed from desktop computing to mobile over a decade.

Factiva Visualisation

VISUALISATION

Visit Demo:

DESIGN

digitalglo.be

We worked with 51Degrees and The Away

Foundation on this WebGL data visualisation app. 51Degrees are leaders in mobile device detection and analytics and hold huge amounts of data on global handset usage.

For their stand at Mobile World Congress 2015, they wanted a web app that celebrated full adoption of WebGL by all major handset manufacturers and the depth of their own device detection data.

We designed the visualisation and assets and built the web application UI while The Away Foundation built the WebGL globe using their Away3D library.

Visualisation & UI Design for 51Degrees

DESIGN

Visit Site:

Abbott Diabetes

We helped Bite Medical - http://bitemedical.com to create a series of 5 medical education videos and interactive courses for Abbott Diabetes.

The course content, conceived by Bite Medical and delivered via a CME platform, centred on providing medical professionals with the latest insights into the

benefits of blood glucose monitoring for people with

diabetes.

We took the scripts, footage and rough clinical charts and designed a consistent look & feel for typographic content and clinical data across all 5 videos.

As well as animating & producing all of the video content, we designed and produced a number of interactive case studies.

Education Video Design & Production

King’s College London

The London Low Emission Construction Partnership (LLECP) is a partnership between the 'Cleaner Air Boroughs' of Camden, Hammersmith and Fulham, Islington, Lambeth, Lewisham and Wandsworth, industry partners across the demolition and construction sector and King's College London. We designed this identity for LLECP, which had to

work in various configurations and in different

contexts from their web site to hi vis vests. The identity combines abstracted letterforms, construction geometry and charts that reference King’s College’s pollution measurement work.

Identity design for LLECP

DEVELOPMENT

Antron Color Trends

We produced this microsite & web application for Antron with the creative team at Select First, to help promote Antron's latest color palettes.

As well as general trend information, there is a neat custom color palette creator for users to explore their own color combinations.

The Palette app is a custom web app that allows the user to drag, drop and adjust their own color choices and then download as a dynamically generated PDF. Touch functionality was also added to allow the palette app to work seamlessly with tablet devices. Finally, we've integrated language swithcing into the site & palette, to serve Antron's eurpean markets.

Responsive Site & Touch Enabled App

DEVELOPMENT

Visit Site:

Chelsea Football Club

We created this web app for Angel London and CFC that loads a zoomable tiled image of the "Chelsea Blue Flag", made up of 1000's of fan’s faces uploaded via a Facebaook application.

You can search for a fan from the database, and their face will be located on the rendered image, or

placed dynamically on the flag.

You can browse, zoom & drag the flag, and click on

indvidual faces. The ID of that fan is passed to a server-side API and the result for that fan returned. We also made a "Safe Tiles" editor, so Angel could visually create a matrix of safe tiles upon which to place fan’s images.

Fan Generated Flag Explorer

DEVELOPMENT

Visit the site:

Smiths Medical

Working with Yoyo Design, we developed the Wallace Assisted Reproduction iPad App for Smiths Medical. The App is built using Adobe AIR for iOS and features: • Embedded presentations & videos.

• Document repository syncing and filtering.

• PDF, image gallery, & video viewing. • Fullscreen video.

• Flurry Analytics.

• Document sharing via email.

• Restricted access to Smiths Medical documents.

Wallace iPad Application

DEVELOPMENT

Download the App

THANK YOU

If you want to know more or discuss an upcoming project, then please do get in touch.

Tel +44 (0) 7811 955570 E-Mail [email protected] Twitter @mikebrondbjerg Web www.brondbjerg.co.uk