Interface Design / June 2014
Game Category page
As a portal that hosts a vast number of online games in our catalog, searching and browsing for games users would enjoy is essential to their experience on Kongregate. The old page was needed for a change, as we had not touched the layout in years.
We opted for clear, large game icons, as pictures tell a better and quicker story than words, along with easy-to-digest text to quickly skim each game for important information. On hover, a container appears with more information about the game, including screenshots, a full game description, and data points, like game rating, number of gameplays, and date of upload.
We also added a more sophisticated sorting and filtering mechanic, allow users to drill down to a smaller list of games, based on number of rating, gameplays, and date of upload (presented as Highest Rated, Most Plays, and Newest/Oldest ).
Interface Design / Feb 2014
"Kreds" is our virtual currency that allows players to purchase in-game Virtual Goods in games on Kongregate, usually Multiplayer, MMO, RPG, and/or Strategy games. It is a major and thriving part of revenue for our business, so an easy-to-use checkout flow is important to not lose the user in the process.
Our checkout flow accepted many various methods of payment, with an emphasis on Credit Card and PayPal, two of the largest payment providers for us. A layout needed to set hierarchy of the most popular payment methods, and allow the user to find their preferred payment option, through the many options (12 at any given time) we display for them, without overwhelming the user.
Interface Design / July 2013
User Progress Notifications
On Kongregate, we have a set of tabs that sits beside the game while the user is playing the game. They display information that's relevant to gameplay allowing users to continue their play without taking their eyes away from the game. Some of the things we display in these tabs are chat (with other users), game instructions, and achievements to earn.
There are also reward moments for users when they complete an achievement while playing a game on Kongregate. They can include earning a badge, setting a high score, and leveling up. Because these are the places where the user experience a moment of euphoria in their game experience, it's a critical engagement time to share that positive feeling with them, being happy with them and present them with their reward, whether it's a badge, points, or just a virtual high-five. The design is celebratory, but yet clear to indicate what they have accomplished, and what they have earned.
Interface Design / Apr 2012
There is no question that the game developers who upload their games to Kongregate are vital to the site. Our users view them as superstars and are curious about who they are and their repertoire of games.
Along with our user profile redesign, we wanted to create a separate version for game developers. While the user profiles focus on accomplishment and activity they've made on the site, the games are the main the focus here. Our metrics tell us that a user usually lands on a developer's profile in search of other games by that developer, so we wanted to make it easy to scroll through them while highlighting each game's information, including its rating, number of gameplays, tags, and whether or not the game has badges. Large game avatar images are used to draw more attention and intrigue.
With the introduction of the activity feed, we are now able to push posts about the developer's games, including new uploads, new versions of existing games, bug fixes, and added achievements.
With everything else being content-related, we wanted to allow them to add some flavor as well, so we added capability for them to add an image as their cover/skin.
Interface Design / Nov 2011
Kongregate: Homepage Redesign
An overhaul of the Kongregate homepage has been long overdue; it has not changed much since the beginning days of Kongregate, yet the company, the website, its features, and main business model has greatly been (and continually) fine-tuned in the last 5 years.
The homepage currently displayed the same content to all users, so step number one was to figure out how to better serve more relevant content to, not just a guest versus a user, but a new or repeat guest, and a new and active user.
Once we figured out what content needed to be shown to whom, we also wanted to update the design, where we show as much content above the fold as we could without making it look busy and cramped. (A previous split test revealed that more users interacted with the homepage and clicked through to a game page if we showed more games above the fold.)
The result is a new layout with a new 960px grid system where individual pods of content could be easily swapped around depending on the type of user you are.
- Design + XHTML/CSS
Interface Design / Sept 2011
Kongregate: Navigation Redesign
As the site has grown over the last few years, we wanted to redesign the main navigation for Kongregate.com so the other pages on the site would be more accessible.
We did away with our horizontal sub-navigation menus, which were hard to use, and changed to well-structured mega drop-down menus to categorize links to other pages more clearly. It also allowed more flexibility to how many links went into the sub-navigation, and what we could display in the nav (like images).
Interface Design / Dec 2008
Kongregate: Game Page Redesign
Game pages are one of the most important (if not the most important) pages on Kongregate. Most new visitors to the site enter through the game page and it is a priority to keep them engaged in the site for the brief amount of time on their first visit.
Since users land on the game page primarily to play the game, we developed a system of tabs right next to the game so the user would not need to scroll up or down the page to find any pertinent game information, like the description, instructions, and list of in-game achievements. Boasting over 20 different tabs, you can also chat with other users on the site, view other people's profiles, send a game to a friend, view high scores, etc., all within the tab section.
- Design + XHTML/CSS
Game Interface Design / Oct 2007
Kongai - Collectible Card Game
Kongai is Kongregate's own Collectible Card Game (CCG), a turn-based, double blind strategy game where you need to base your move base on what you anticipate your opponent's move will be. Players can earn cards for the game by completing weekly challenges on the main Kongregate.com site.
Game interface had to be intuitive, yet supply enough information for users to understand the game. We had some great game art to use and wanted to let that be the main design focus to let them stand out.