Women Creating A Brighter Future For Games Multi-Platform Article

Mock up of the article on a tablet and a mobile phone.

For this feature article about efforts to reduce the gender gap in the video games industry, I was provided with a print layout design (as seen below) and asked to make versions for the Game Informer mobile application and as a featured article on the website.

Pages 1-2 of the print spread for the article "Women Creating a Brighter Future For Games".

Pages 1-2 of the print designs for the article.

Pages 3-4 of the print spread for the article "Women Creating a Brighter Future For Games".

Pages 3-4 of the print designs for the article. I referenced these to create the mobile app version.

Mobile App

This version was created using HTML, CSS, and JavaScript, and compiled using Mag+ to convert it for use within the Game Informer app, as part of the June 2018 mobile edition of the magazine. To create this page, I was provided with print designs and asked to convert them to a coordinating, mobile-friendly layout.

The header of the mobile app featured bright colors and fonts to match the print files and catch a reader's attention.

Screenshot of text and headshots midway through the article.

It was important to feature the women in the article. This image treatment mimicked the print callouts.

A sidebar on the article.

Website

I was also asked to convert this article for use on GameInformer.com. I customized a page within the site Drupal CMS following a provided design. This version was responsive for all device sizes and integrated within the current site theme. It also includes a parallax header image with moving elements.

The major challenge I encountered with developing this article for the site was adding custom design elements within an established CMS article template. I was limited in the template changes I could make to the article format.

You can view this page and read the article at GameInformer.com.