Data Viz Project
Why is this project worthy of an award?
DataVizProject.com is the world's most comprehensive archive of data visualizations. Some people often refer to it as " the Wikipedia for data visualizations". The website presents all relevant and popular data visualizations, so you can find the right visualization and get inspired how to do it. The site is created and managed by Ferdio - an infographic and data visualization agency in Copenhagen transforming data and information into captivating visuals. To be frankly honest, we started this project without knowing it was actually a project. When we started our agency nearly four years ago, we simply started sketching post-it-sized prints of popular data visualizations as an inspiration tool for our client projects. Ten visualizations quickly became 50, and turned into nearly 100 types. In order not to get lost in all of these types and to find the right one(s) faster, we began designing each one of them as coherent designed representations. And more importantly, we established a way of ordering them into different categories to support the different needs for finding datavizs. Sometimes you’re on the lookout for a dataviz visualizing trend over time, sometimes you have a specific dataset in mind, and sometimes you only want inspiration for geospatial types. At the same time, we started adding great examples of use for each type as creative inspiration. We then acknowledged the fact that it was tough keeping this project as a physical thing. And, as it was very useful for us as an infographic agency, it might as well be for other people. Therefore, we decided to name the project and turn it into a public website so everyone else could benefit from it. DVP is not limited to data analysts, graphic designers or heavy Excel users. It's intended to serve as great value and inspiration for everyone with the need of visualizing data wanting to find new ways of doing so whether it’s for students, researchers, journalists, designers or someone else. DVP is a project in progress and will continuously adding more data visualizations, more examples, more ways of searching among other things.
What else would you like to share about your design? Why is it unique and innovative?
We know. There’s already a lot of tools, libraries, books and posters out there about data visualizations. We really like them and we have no intention to compete with those. Most of them have their very own objective, like finding the proper development tool or providing an overview. Sure, there might be overlaps, but we wanted to create something that was missing in the ‘market’ and bring something new to this field by offering a free tool that’s unique in terms of: ➔ Volume: With more than 150 datavisualizations (still counting!), it’s the most comprehensive collection of types. ➔ Inspiration: Get inspired by the many different ways to visualize data, and get presented by interesting creative examples. ➔ Search: Finding new ways to visualize your data can be tricky and quite time-consuming. DVP makes it possible to find types in many new ways.
Who worked on the project?
Birger Morgenstjerne - Managing Director Jeppe Morgenstjerne - Creative Director Kasper Greve - Senior Consultant Klaudia Gal - Graphic Designer Nicolas Maravitti - Graphic Designer
View the project video:
Decipher Magazine
Why is this project worthy of an award?
Decipher: Security without fear OR An antidote to the fear in cybersecurity Television, print and online media are filled with ads warning consumers of the dangers of the “dark web,” images of ominous lines of code and headlines of Russian-backed cyber attacks. While this may drive sales and pageviews, it does little to help individuals and organizations become better informed and protected. Decipher is an independent media platform launched in 2018 that cuts through the fear, uncertainty and doubt (FUD) common in cybersecurity marketing and media. The magazine site takes a practical approach to covering security’s most important topics, and was designed as a place to inform and inspire readers inside and outside of the industry. The site is led by veteran security journalists Dennis Fisher and Fahmida Y. Rashid, who bring more than three decades of combined experience reporting on information security for various publications. Fisher and Rashid provide a measured and hype-free approach to current events and threats, and distill complex topics into digestible, real-world solutions. Articles such as “The Upside of the Twitter Password Bug” and “Empathy for Security Victims, Not Blame” represent an editorial direction rooted in practicality and empathy. The site makes no assumptions about the reader’s knowledge or familiarity with security. Decipher was developed completely in-house at Duo Security. The genesis of the site and its design is rooted in our goal of democratizing security, making it simple and accessible for everyone, whether you’re an industry veteran or a consumer looking to understand how to protect yourself amid the hype and sensational media headlines. This is illustrated in Decipher’s ease of use and sleek design. At Duo, part of our mission has always been bigger and broader than being just a vendor delivering security products to protect organizations. We've always felt that there was a larger opportunity and responsibility to inform and entertain through an independent media outlet. Decipher made its debut with a comprehensive web and social media-driven marketing campaign focused on spoofing conventional security vendors and defining the site’s unique voice and positioning among a sea of fear-based counterparts.
What else would you like to share about your design? Why is it unique and innovative?
“Brand journalism” has taken on many forms in various industries lately, from Casper’s Van Winkle sleep-focused media site, to sponsored content through properties like Complex and Motherboard. Often they can be dismissed as thinly-veiled marketing tactics, or are too hyper-focused on a particular topic to be relevant to a broad audience. The leadership at Duo has long held a belief that better, more diverse conversations about security topics have been needed, avoided the typical fear and urgency of the topic in the media. Given that we believe cyber security to be the most important geopolitical issue of our time, we felt that stronger journalism around the topic was needed. So we created Decipher.sc. But the security industry is full of skeptics, and, in order to avoid a dismissal of our efforts, we had to ensure true editorial independence, and enabled Decipher’s editors and contributors to drive the content, calendar, and discussions, without the parent company dictating the journalistic direction. Duo’s in-house brand and design teams developed the site from scratch, and contribute video production resources for the stories, but the topics and tone are all determined by the editors. From a design perspective, the magazine site takes a new look at what it means to deliver news. A componentized landing page allows daily layout changes and endless variability. Articles are optimized for reader experience and are customizable by article authors. The site is based around an entirely custom branding scheme to ensure authenticity. Yes, Duo’s goal with Decipher is increased brand awareness as well as being seen as thought leaders in the industry, but it was also – and primarily – to act as the benefactor of fresh, new voices in the industry, and bring pragmatic focus on security impact over hype. It isn’t about the coolest exploit, the scariest vulnerability, or the largest breach. Decipher provides context, information, and analysis, not to point fingers or lay blame. It exists to inform and educate, not to speculate, and in doing so, benefits Duo the parent company in broad, long term ways that can not be replicated through traditional marketing means. TECHNICAL DETAILS: The site leverages css grid in terms of achieving the magazine-style layout effects for the article features on the Decipher homepage.
Who worked on the project?
Creative Director: Pete Baker Art Director: Sarah Sawtell Logo Designer: Steven Samuels Web Designer: Tracy Toepfer Animator: Hafsah Mijinyawa Writers: Thu Pham, Chrysta Cherrie, Dennis Fisher, Fahmida Rashid Web Developers:, Amy Vasquez, Chris Plumb, Sarah Ovresat Video Team: Rik Cordero, Ben Armes, Martin Thoburn
View the project video: https://duosecurity.wistia.com/medias/z45fbhjn3e
Delos WELL Building Institute
Company Gensler
Introduction Date September 1, 2017
Project Website https://delos.com/project/delos-headquarters
Why is this project worthy of an award?
Delos, a technology and wellness real estate company, engaged Gensler to design their headquarters and a branded digital experience that illustrates its mission to employees and clients. Showcasing Gensler’s software design services, the digital experience is displayed through two installations at the forefront of Delos’ office space. The installations are the culmination of design, information technology, storytelling, and art expressed in real-time generative visuals as they educate and interact with guests and employees alike. The first installation at the reception area explains Delos’ mission through a series of data visualizations capturing the surrounding environment and the growth of the healthy movement world-wide. A 12-foot screen cycles through visual displays of Delos’ seven measured wellness concepts – air, comfort, nourishment, mind, light, fitness, and water – within its own office space. Using itself as a case study, Delos showcases its data in ever-changing contours, colors, and graphics. Additional displays include a real-time map that highlights Delos projects worldwide. Another display features a typographic lattice with customized messages to welcome clients arriving at the office space. Throughout the course of the day, the displays turn from a deep blue to pink and amber glows as it tracks the day’s circadian rhythm – based on the position of the sun. Controlled by an iPad, the software is fully connected to its environment as it captures Delos’s data and visually interprets it. The second installation – a vertical screen above the connecting stair – illustrates the traffic on the stair, as it measures Delos’ wellness element of fitness for its own employees. Through Gensler’s software, the installation’s three responsive visuals artistically present data captured by sensors throughout the day. The result inspires movement throughout the office. “Flocking” and “inkjet” visuals add orbs and ink stimulations to their displays each time an individual goes up or down the stairs. Each addition is color-coded by direction, creating an ethereal play of color and movement. A “rain” display reacts with the movement of individuals upon the stairwell, outlining their silhouette along the screen as they walk up, while adding droplets as the traffic increases. A light rain builds to a deluge builds over the length of a day.
What else would you like to share about your design? Why is it unique and innovative?
The challenge was to create a digital experience that could capture Delos’ mission. As a fast-growing start-up, Delos wanted to capture the growth of the healthy movement in a way that would constantly be updated and evolving to keep pace with their business. Gensler helped transform Delos’s office into a living case study for the work the company is doing around the globe. Through two ever-changing, real-time installations, Gensler visualized the great detail of data Delos is capturing about health in the built environment in a way that is compelling to clients and beautiful for employees. Automatically pulling APIs from Delos’ website, a global map is updated with each new project, and new case studies keep the content fresh and interesting. An interactive staircase allows the employees to play and participate in building an ever-changing art piece, which measures the usage of the stairs, encouraging fitness and fun. Gensler designed this experience from concept through final execution. From early brainstorming and ideation to on-site installation and testing, an integrated team of strategists, designers, and technologists identified the key stories and data sources, developed the interaction design, UI/UX, graphics, and motion and software for the front-end visuals and back-end content management system. The space has become a buzzing showcase for Delos’ mission.
Who worked on the project?
Delos Team Jessica Cooper, Executive Vice President Janna Wandzilak, Delos Solutions Florence To, VP Marketing Gensler Design Team Brian Brindisi, Design Director Travis Craw, Project Manager Robert Cohen, Project Manager Charlie Flexon, Graphic Designer Jamie Carusi, Motion Designer Jeff Arko, Product Manager Matt Hogan, Software Developer Production Company: Noah Norman Mike Edwards Charlie Whitney Rare Volume Photography: Delos Headquarters © Robert Deitchler, courtesy of Gensler
View the project video:
Destination Pride
Why is this project worthy of an award?
For LGBTQ+ travellers, what's legal in one place can be punishable by prison, or worse, in the next. That's why we created DestinationPride.org - a data-driven search platform that reimagines the Pride flag as a dynamic bar graph, then uses it to visualize the world's LGBTQ+ laws, rights and social sentiment. Users can search any town, city, province, state or country on earth. Our algorithm calculates six key measures of acceptance, such as marriage equality, sexual activity laws and real-time social media sentiment. Then it generates a Pride flag visualization based on the data. Each visualization provides a quick snapshot, and point of comparison for how far a destination is on its journey to LGBTQ+ acceptance. As with many marginalized groups, the global LGBTQ+ community has been engaged in a long and ongoing struggle for equality. To a large extent, that struggle plays out across a country's laws, rights and cultural landscape. For example, marriage equality, adoption, blood donation, military service rights, even the rules surrounding gender assignment on government documentation - each can have a profound impact on a person's life. And each are governed by specific public policies and laws. This is a lot of data. And navigating it creates ongoing complexity. Our innovation is to collect, organize and then visualize this data in a way that's impactful and useful for the global LGBTQ+ community.
What else would you like to share about your design? Why is it unique and innovative?
Design story: At the height of the American LGBTQ+ community's first big fights for acceptance, the designer Gilbert Baker created the Pride flag. Since then, this flag has become a powerful symbol of acceptance. Destination Pride builds on the visual identity and meaning of this flag - but updates it to provide deeper insights into the degrees of acceptance the community may find. Data visualization. At the heart of this project is a dynamic data visualization. Each bar of the flag becomes the bar of a bar chart, each measuring a different aspect of LGBTQ+ acceptance, including marriage equality and gender identity protections. Dynamic Design. Since the laws and cultures are always changing, our design can change in real time - as laws are passed or struck down, or as social media activity trends positive or negative. Even the simple act of sharing a flag creates a social data point that our algorithm will measure on aggregate. Simple First. Our design favours simplicity and accessibility. We want users to have a quick and emotional reaction to the work. "What!? I thought San Francisco would be higher." Progressive Disclosure. Once a user sees a simple flag visualization, we offer the chance to go deeper and see the data that drives the visualization.
Who worked on the project?
Executive Creative Director: Ian Mackenzie Associate Creative Director: Dave Laing Associate Creative Director: Krystle Mullin Art Director: Devon Williamson Copywriter: James Ly Experience Designer: Patrick Stolk-Ramaker Associate Creative Director: Andrew Bernardi Associate Design Director: Stuart Thursby Account Director: Shalta Dicaire Fardin Group Account Director: Andrea Barrett Project Manager: Ashley Whitaker Project Manager: Khizra Arshad Digital Producer: Gillian Morrison VP, Head of Data and Technology: Jacob Ciesielski Director of Technology: Madara Ranawake EVP, Strategy: Anna Percy-Dove Strategy Director: John Fung Strategist: Zac Matheson Manager, Data Analytics, Andrew Yang QA Manager, Data and Technology, Lina Vaisman President: Andrea Cook Producer: Lindsay Hann User Experience: Kristy Pleckaitis Front End Developer: Heung Lee Front End Developer: Jonathan Sanford Worldwide Creative Partner: Fred Levron Designer/Animation Director: Edward Deng, Alter Ego Music & Voice Director: Mark Domitric, Grayson Matthews Casting: Shasta Lutz, Jigsaw Casting Public Relations: Shannon Stephaniuk, Glossy
View the project video: https://vimeo.com/268692924
Diet Coke Crop Packaging
Company Turner Duckworth: London, San Francisco & New York
Introduction Date August 1, 2011
Project Website
Why is this project worthy of an award?
Turner Duckworth created a fresh look for fall with the national release of new Diet Coke packaging. As the #2 sparkling beverage brand in the US, consumers were already familiar with Diet Coke. The Coca-Cola Company North America challenged Turner Duckworth to extend that confidence to packaging. The resulting design provided a bold perspective on this iconic brand by focusing on the union of the "D" and "K" as the key recognizable elements of the logo. The unique crop is at the center of a visual identity which appears in point of sale and advertising for Diet Coke.
What else would you like to share about your design? Why is it unique and innovative?
Turner Duckworth created a fresh look for fall with the national release of new Diet Coke packaging. As the #2 sparkling beverage brand in the US, consumers were already familiar with Diet Coke. The Coca-Cola Company North America challenged Turner Duckworth to extend that confidence to packaging. The resulting design provided a bold perspective on this iconic brand by focusing on the union of the "D" and "K" as the key recognizable elements of the logo. The unique crop is at the center of a visual identity which appears in point of sale and advertising for Diet Coke.
Who worked on the project?
Head of Design: David Turner and Bruce Duckworth Turner Duckworth Creative Directors: David Turner, Bruce Duckworth, Sarah Moffat Coca-Cola Design Direction: Pio Schunker, Hazel Van Buren Turner Duckworth Designers: Rebecca Williams, Josh Michels
View the project video:
