Awards, Digital works

SND Digital Awards

SND

Two of our digital works published at nacion.com wins an Award Of Excellence in the 2015 edition of the contest. The first one is the project in celebration of the “75th anniversary of the National Symphonic Orchestra” the design and development of this projects set a starting point to the trends of our unit.

The second project awarded this February in Washington D.C. was the “Birth of a Century“, I was invited to work in this project for the unit of Data from La Nación, and I have the fortune of the collaboration of the development unit as the artist Augusto Ramírez.

I have to say that I’m very very happy to get this awards of the Society for News Design in his digital contest, but this is a team work, and I must say thanks to my partners in the infographics unit, the Data Team of LN, the Development area, my Editors, and many many people who supports me last year.

This slideshow requires JavaScript.

 

 

 

 

 

 

 

 

 

Advertisements
Standard
Digital works

2016: Mayor elections

The end of the 2015, and the beginning of 2016 becomes a hard work time here at La Nación, for this special event was required a full time dedication for about 3 months, but I enjoyed a lot.

With the Data Team, we create a tool for citizens that will gives them a chance to know more about the 605 candidates for mayors in all the Costa Rican territory. Segmented by province, the citizens can easily find their candidates, which in many cases , are completely unknown by his own voters, also this tool has the candidates complaints, money penalties or debts to social security, if there is some. http://goo.gl/6ZNVdp

But, there it was just a part of the planed work, all this data has tons of interesting points, ways to be visualized, and those were the deliveries of parallel information, every day… Here some of these pieces:

 

This slideshow requires JavaScript.

All the pieces goes to different publications, embedded in the reportage of the day, a few days after the elections day we released this special site [ http://bit.ly/1PMvuGG ] to join all this small pieces of the elections data.

When the elections day finally arrives, we change the attention to this other special production of live data visualization [ http://bit.ly/1Xg6A1A ] all the regional divisions was have the results just an hour after the voting centers closed his doors, updated in realtime.

 

Standard
Digital works, Motion graphics

Quick graphics for social networks

Last year (2015) I start many new projects, some of them are still progress, but one of these are the quick graphics for social media.

At the unit of infographics and datavisualization, we spend many time in daily production and in special huge projects, I believe that we have enough time and muscle to produce frequently these small graphics,  every single infographic must have a print version, desktop digital versión, mobile version but also, i like to choose some of these to develop a social media version, sometimes a gif, or an image or even a short video with a compact version of the main graphic.

So, here is some of my favorites picks:

The spooky asteroid:

In october 31, an asteroid pass near the earth (near in space terms), this asteroid was renamed “the spooky asteroid” and take the attention of the world by the time of his visit, so it was a nice opportunity for a quick graphic for social media:


Compact version for social media. Motion-Infographic by Marco Hernández.

spooky

Gif version for social media. Infographic by Marco Hernández.

pesoInfo_spooky

Desktop digital version for article. Infographic by Marco Hernández.

The MAVEN findings:

The NASA made the announcement of the Maven mission findings about what happened with the atmosphere and magnetic fields of the red planet. We are awaiting the press release with a stock of pieces to develop soon as we can a simply animation for social media:

ARTpieces

Illustrations by Dominick Baltodano and Marco Hernández.


Compact version for social media. Motion-infographic by Marco Hernández.

MAVEN-Marte_LNCIMA20151105_0084_1

Desktop version, infographic by Edgar Jiménez, Carlos Fonseca and Marco Hernández.

Hope in this 2016 have many more of these chances to create more quick graphics for social media, these are a great way to engage readers with content made exclusively for consumption on social networks.

Standard
Digital works

The birth of a century visualized: Backstage

Illustrations by Augusto Ramírez

Illustrations by Augusto Ramírez

A few days ago We published at nacion.com this special feature analyzing the data of 115 years of births in Costa Rica. We decide to take this special as an opportunity to explore the deep exploration of data visualizations with the efficiency and impact of illustrations. But besides the style and interface, the production process its the most interesting story.

One of the most complicated pieces of the special its the section of conceptions, we have all this data about the births, and the necessary references to relate it with the conception, so, We wanted to create a customized visualization to navigate through a 115 years of the country history and relating how the people gets pregnant.

We begin with a model of variation per decade, where we can see the balance in favor or against each decade in births. We use this chart as a navigator to show in the bottom detail of those ten years. By this time we have the idea of linking these points with major events taking place in the country and the region to relate the behavior of people with some important facts in time.

first version of the visualization of conceptions

First version of the visualization of conceptions. Note the dummy text 🙂

This special was an conjunction exercise with the Data Team of La Nación, I made my part in visualization and other support, but it because the skillfully profesional of they, it’s that the final product becomes properly. In spite of I have a small part of the special, the versions of the charts, the motion graphics and some other assets take about 1.1 GB of space. This is it because I made so many versions and testing design to find the better way to present the findings in the data.

I start with this horizon chart to visualize the concentration of conceptions, it was fun because i start thinking that i’m seeing in the moment in which the persons did their things in their beds conceiving new compatriots. So I could be seeing as in some parts of the graphics I surprised myself with what they meant those lines.

Full visualization by decade of conceptions in Costa Rica

Full visualization by decade of conceptions in Costa Rica

Obviously we not publish comments like the next ones that I’ll score when analyzing the chart in search of curiosities, but between the equipment if the process is to make more fun, I must say that is a personal process and does not refer to style publication of our environment here at La Nación.

in the top graphic I wrote "The begin of the Century, our grandparents also was having fun" the data reflects that they in the early century don't discriminate the time to get pregned

in the top graphic I wrote “The begin of the Century, our grandparents also was having fun” the data reflects that they in the early century don’t have prefers or discrimination of the time to get pregnant

Findings

in the top graphic I wrote “five months giving it!!!” the data show periods or season of conceptions, the behaviour changes through the time, the late conceptions prefers the 3 or 4 last months of the year to get pregnant. At the bottom I wrote “the early ones” for 2011

Also i add some drafted emoticons, at the top a sad face because the high season is only of 2 months, but for 2006-2007 the high season extended for 6 months OMG a lot of time enjoying the bed time!

Also i add some emotions, at the top a sad face because the high season is only of 2 months, but for 2006-2007 the high season has a prolongation of 6 months OMG a lot of time enjoying the bed time!

This if the full visualization if the 115 years of data of baby conceptions in Costa Rica, then i split it by decade.

This if the full visualization if the 115 years of data of baby conceptions in Costa Rica, then i split it by decade.

 

The final version have the instructions to read the horizon graphic and the indications of each space that will change when the reader click the upper menu by decade, then, the dashboard change the data according the user interest.

The main graphic is the conception concentration, at the bottom the decade resume, and the percent variation between decades

The main graphic is the conception concentration, at the bottom the decade resume, and the percent variation between decades

How to read the graphic, the title show a legend "before you start, you must know"

How to read the graphic, the title show a legend “before you start, you must know”

PLUS EXPERIENCE

We add some hide effects to give different experiences of navigation to the readers, if you use the side menu to navigate each section is preceded by an animation like the next one, if you want a see more of this project please visit it here http://bit.ly/1kpN45p  hope you enjoy the data experience.

 

Illustration by Augusto Ramírez.

Illustration by Augusto Ramírez, Motion by Marco Hernández.

Standard

A few days ago we released an special about the births of a century in Costa Rica, I had the chance to produce this motion for. It’s nice to get raw data and transform it in to visuals, alternative ways to see the past or future of a population, if you like to take a look in to the full site here http://bit.ly/1kpN45p you may use google chrome for translation from spanish 🙂

Digital works

WebGL power for infographics

In the last weeks I’ been integrating the WebGL Technology to take advantage of the great skills of my partners of the infographics department here at nacion.com Daniel Solano and Edgar Jiménez both of them great artist´s, they works on Cinema 4D to produce print graphics for the regular editions of the news corporation, that kind of work it’s simply awesome and it’s a shame don’t use all his digital potential.

So, here’s a pair of work that we worked on together to improve the experiences for the readers.

Lost in space for ever and ever

with Daniel Solano

This slideshow requires JavaScript.

On september 15th of 1965 Fox and CBS launch in USA the TV Show “Lost in space”, 50 years after, we wants to remember the serie, the main characters and vehicles that captivated audiences for decades beyond its premiere. Here’s an exclusive access to the 3D models, The Chariot, and The Jupiter 2.

Original feature

Original feature

It’s really nice have the chance to work in this kind of topics, science and space are one of my all time favorites. if you want to know more about the graphic the original feature at nacion.com here.

Technology the leading actor

with Edgar Jiménez

NASA´s SEV Vehicle

NASA´s SEV Vehicle

At least nine of the technologies developed by NASA towards Mars space exploration are mentioned in the book and movie The Martian, this 3D infographic collects those coincidences.

Martian tech

Martian tech

I also want to add some short animations as gif files in the graphic to give support to the information and the whole infographic, Edgar and me develop this sort animations in After Effects.

This slideshow requires JavaScript.

if you want to know more about the graphic the original feature at nacion.com here.

The original feature publication at nacion.com

The original feature publication at nacion.com

I very lucky to have co-workers with this kind of skills, and the space to make this kind of publications, I love infographics, and space…   🙂

Standard