Case Study: Website Rebranding @ Casino M8trix

The Project

Casino M8trix is a popular casino in San Jose, California that also serves as an entertainment hub for the Silicon Valley area. Outside of gambling and table games, they also offer a number of restaurants and a variety of events to attract customers.

After working with Casino M8trix on website maintenance projects for over a year we were asked to help them with a redesign and a minor rebranding of the website. They liked it so much, they decide to apply the new theming to all elements of the site, as well as add a few enhancements we suggested, so in 2022-2023 we completed a second round of updates.

The Problem

There were a number of reasons for updating the old website, both from a technical & design point of view:

  • Increase Hiring: Casino M8trix wanted to hire more employees, so we suggested building a stylized job portal that connects to their hiring CMS’s API. This way, users can see all the available jobs on the careers page and apply without leaving the website.
  • Modern Design: We created a striking, modern look with a dark background to reflect the nightlife & entertainment nature of our client. We leaned heavily on hover states and animations to highlight clickable elements to help users explore all the services available at Casino M8trix.
  • Fast Loading Times: The original version of the site was struggling under the weight of too many plugins and bloated code from an outdated theme. We’ve rebuilt the site with a brand new custom theme, and custom coded as many of the features as possible. This helps increase security and loading times by minimizing use of third party plugins.
  • Easier Navigation: In order to improve navigation so that visitors could quickly find the information they need, as well as improve visual appeal, we added megamenus for the most visited sections, featuring images that allow quick access to the specific pages.

The Process

We created new designs using Figma, with each design being reviewed by the client before moving to development on their development and staging environment. Rollout of the new elements was done in a staged manner, with each full section being deployed as it was completed.

Pages from the original design and our previous redesign, without the megamenus

Card Academy video and lessons library

The megamenu for the Dining section

The careers page

Mood Board & Design System