Mavericks Custom Theme, Vol. 1
Mark Cuban, owner of the Dallas Mavericks, wanted to take the team’s site off the default NBA platform. He wanted his team’s site to stand out from the rest to give Mavs fans a better experience. What he requested was an experience that was innovative and fresh and behaved more like an app than a website. We collaborated with the Mavs’ IT and development department to come up with something truly unique and inspired.
Going Beyond the Template Look
Often WordPress sites are easy to spot because of common layouts and styles. With this design, we pushed way beyond many normal website conventions of the time to create a site that was engaging, interactive, and awe inspiring. This meant also being creative with development to bring these designs to life.
Project Gallery
Using a mobile-first development approach, we created an interactive experience for users to find information about game days, players, stats, schedules, and news about their favorite basketball team.
A Rich User Experience
To achieve the “app” feel for the site that Mark Cuban had requested, we used two main tactics. First was to use as much of the available window as possible for the content. This meant moving the nav to the left side and making it collapsable. Second was to add a transition between each page so when the user clicked around the site, the page would transition up, down, left, or right to denote how they were navigation through the site hierarchy. But this had to implemented in such a way as to not affect load time or make the user feel like they had to wait for content.
Third Party Media Integration
While the design and interactivity was up to us, much of the data that populates the mavs.com site comes from the NBA. More importantly, that information is updated on a regular basis. We used the NBA’s API to watch for new data for players, videos, images, and more. When new content was available we imported it into the site.
Praise from Peers in the NBA
Jenn Schiffer who was a front-end develop for the NBA when this theme was live was impressed not just what we did with the site, but also that we accomplished this using WordPress. She featured the Mavs site in her presentation at WordCamp San Francisco 2014, the premier WordCamp of the year. There is often a misconception regarding the power and extensibility of WordPress. This site helped change that paradigm.
Conclusion…
Getting the opportunity to collaborate with the Dallas Mavericks on a web project will always be a company highlight for Pixel Jar. The were a very communicative and open team to work with, which is something we always appreciate. We were extremely proud of the innovations we produced for the project. The final product delivered surpassed expectations of the client. And we continue working with the Mavs organization to this day on new themes, upgrades, and developments.
Ready To Get Started?
We look forward to hearing what challenges you are bringing to us.
Tell Us About Your Project
Ready to get started? Fill out the short form below and let us know a bit more about what you have in mind. We’re excited to hear what you’re working on.
Back in 2013, we partnered with the talented team at Pixel Jar to make Mavs.com the first fully-responsive team website across the NBA. Brandon, Jeff and Robert have been keeping us in front of the cutting edge ever since.