The homepage has multiple ways to promote great content: featured posts appear at the top, with exclusives appearing for longer. Pull quotes celebrate great writing. Each category is a different color to add visual interest.
Skills used

User experience design, Front end development, Responsive web design, User research, Visual design, Development, Writing, Editing, Information architecture

About this project

GameSkinny is a community for gamers and writers looking to break into game journalism. Anyone is welcome to post articles, slideshows, and events, and they are given helpful feedback from professional editors. The best content is promoted to the homepage. Readers can follow their favorite writers, games, platforms, or tags for news tailored to their interests.

Wearing many hats

I enjoyed wearing multiple hats in this role. While my primary responsibility was focused around creating an engaging experience for both writers and readers, I also built much of the front end, wrote content, and even edited occasionally.

As a designer, I:
  • Ran A/B tests using Google Events to track what messaging worked best for writer acquisition.
  • Tested new features remotely with writers and editors.
  • Designed the look and feel of the site, from the reader-facing articles and categories to the platform for writers and admins.
  • Helped define the information architecture of the site.
  • Sprinkled in moments of delight through animation, microcopy, and interactions.
As a developer, I:
  • Coded the responsive front end of the site.
  • Worked in views, controllers, and occasionally models in the PHP Zend framework to connect the right content to the right places.
  • Wrote Javascript and jQuery to power the authoring tools and dashboards
  • Implemented complex CSS and Javascript animations
  • Played nicely with the other devs using GitHub branches
As a writer & editor, I:
  • Wrote geek-centric microcopy and marketing copy to attract potential contributors and readers.
  • Created helpful guides for new writers on using the site and building an audience.
  • Dipped into the editing queue to assist when the editorial staff got swamped.
  • Piloted the Gamer Gift Guide, a collection of articles around gamer-centric swag, books, and more for the holidays.

Delight is in the details

Notifications

Instead of placing a giant anxiety-inducing numbered badge on the GameSkinny menu, the profile icon changes to blue with a subtle pulse like a heartbeat when there are updates. When a user performs actions that reward points (like following someone or commenting), their profile icon will flash yellow and their points earned will pop down briefly.

The Stream

Users follow their favorite games, platforms, tags, and genres to get just the game news they’re interested in from their stream. Clicking on the Edit icon flips the widget so users can search for new things to follow or refine what they already follow. Canceling or saving flipped the widget back over.

Newsletter signups

Users can sign up for newsletters about specific platforms, games, categories, etc. so they can quickly subscribe only to topics that interest them. The copy on the signup widget uses Star Trek references as a geeky inside joke, and after clicking the button, the entire widget spins downward as though the click had weight.

The results

Over little more than a year, the audience at GameSkinny grew from a couple thousand unique visitors a month to well over a million. Starting with basic tools for posting and viewing articles, we built out a platform that:

  • enabled authors to get valuable private feedback from professional editors in a timely fashion,
  • introduced new voices directly to the gaming community through curation, promotion, and education,
  • directly showed authors their impact through comments, analytics, rankings, and editorial feedback,
  • rewarded readers, authors, and editors for participating in a growing community, and
  • helped readers get news and info on just the games and platforms they were passionate about.