In December 2023, I led a major front-end and layout overhaul for GameInformer.com to give our editorial team full control over the home and landing pages.
The existing Drupal site had a rigid, static layout that made content promotion tough. To solve this within our technical constraints, I used the Paragraphs module to build a flexible, block-based layout system. I updated our custom theme and built a custom Drupal module to handle complex advertising placements seamlessly. Throughout the build, I worked closely with our design team—offering feedback on layout feasibility, component reusable patterns, and overall usability to deliver a fast, dynamic user experience.
Homepage
As the most popular page on the site, the homepage got some special treatment. In the header, the main image can be selected by an editor or replaced with a video from Twitch or YouTube, with options to create more elements for this position in the future.
The section on the right showcases recent content above the fold and allows visitors to easily see if there's something new since they last visited. Advertisements are also prominently featured above the fold.
Further down the page, there are options for featuring groups of articles and promoting new releases. Editors can choose which items to promote or enter a taxonomy term to dynamically grab related content. They can also promote videos, streams, or create custom blocks for other promotions as needed.
At the bottom of the page, the most recent content is displayed. This helps ensure visitors can always find the most updated content even if other promotional content is displayed above. A sidebar with popular content from the week is also shown to assist less frequent site visitors so they don't miss big news.
Other Landing Pages
Other landing pages, such as the news landing page shown in these images, are designed to be maintenance free for editors. They are built with the same content type as the homepage and so can use the same customization options if desired, but by default they show an filtered feed of the most recent articles related to each page. Each page does have minor customizations, but in general this keeps things simple while allowing for flexibility if needed.
