GameShelf

Overview

  • Business Problem: Social spaces online dedicated to gaming are cumbersome to use, decentralized, and intimidating to new gaming enthusiasts.
  • Task: Design a desktop interface for a social platform centered around various game titles and gaming communities.

Competitive Analysis

  • Steam
    Discord
    Reddit
    Nintendo Miiverse
  • Steam provides a wealth of data on each title and a community page, but posts are difficult to interact with and have no prioritization
  • Discord is useful for small groups as most servers are invite-only
  • Reddit is helpful share tips to get through tough parts of games or work through bugs
  • Nintendo Miiverse struggled to moderate a social gaming platform aimed towards younger audiences

Site Map & User Journey

Initial Sketches

Low-Fidelity Wireframe

  • Drafted low-fidelity wireframes of the initial shelf-based sketch concept
  • Rounded the corners of the detail windows to invite clicking and provide a welcoming feel against the dark palette

High-Fidelity WireFrame

  • Experimented with various fonts to find a suitable logo
  • I found myself inspired by the font "Libre Barcode 39" and decided to incorporate it into the logo, using the negative space for the G
  • High-fidelity wireframe with game box art included
  • Utilized the "Perspective Toolkit" plugin to emulate the original iPod album scroll
  • Included spine box art, which many other gaming sites do not archive
  • Chose a color palette in dark grays and bright greens to evoke the appearance of old DOS displays, such as those seen in Fallout 3
  • Included sidebar icons akin to Discord to cover franchises with multiple entries

Revisions