Online Casino Games Gallery Redesign

The objective was to redesign the Game Directory Page for this client's website in order to “improve the user experience of the page by making it easier for visitors to find games and the sites where they can play them”. Although I received some insights from the current page, I needed to develop a thorough brief that could tell me more about the user which I’m designing for.

The process

This was a super-fast project! I started by doing some demographic research, which allowed me to conclude that the target is male and between 25 and 40 years old. Some benchmarking made me realize about the visual patterns and language used on online casinos and reviews sites. I even had the chance of having a small interview with a friend who happens to play online poker. “Too cluttered” and “So 2010’ish style” were some of his phrases when trying to define what he didn’t like of the sites he usually visit when looking for a new game to play.

With this input in mind, I decided to sketch some ideas over the current page design. Some sections required minor make-over, others were completely redesigned, and even a few removed to make space to visual hierarchy.

New visual style

The client allowed me to propose a whole new style for this page. For this reason, a new color palette and fonts were presented into the design system.

A new first impression

A more explicit active state for the menu links and breadcrumb bar makes it clearer to users where they are. The inclusion of a search bar will encourage users to use it and find relevant content. Now, an impactful hero image welcomes the user with a shorter message and CTA button that scrolls directly to the games gallery. The recommended casino sites section peeks out to encourage users to naturally scroll down. No sidebar, more visual engagement from the beginning the first fold.

*Logo design is just a placeholder, not a brand redesign or proposal.

Improved featured casinos

The former design had some interesting items, which needed to be standard through the 3 options. But also giving contrast to one of them was crucial. Users respond better to horizontal layouts when comparing options.

Uncluttered and clean gallery

The game directory demanded most of the attention. This new layout sorts categories alphabetically, highlights the most wanted by users, and displays by default the Popular category. Added a basic Sort by filter and search field for a quicker selection. Two featured games layout is an option to feature the best games. Also, the pagination now works as buttons for better interaction.

Game preview

Users can now preview the game before going straight to the page. A few screenshots and a review will let users what to expect before leaving the site.

Stories instead of sidebars

With engaging headings, the sidebar content is now displayed in a more user-friendly flow. However, links are still SEO-friendly!

Layout that flows

The grid-based design is displayed properly on all screens without compromising any of its virtues.