Practice Server is a white-label production ally and marketing outlet for the online gaming industry. They provide Full Stack Administration, Studio-grade production, tailored marketing strategies, and development services.

I was contacted by Mike and the team at Practice Server to be brought on to build out the site in Framer as they already had a designer and developer in place. This was a great opportunity collaborate with designers and developers and the rest of the team from around the globe. It really was team effort.

This was a rather large scale project. It required a full re-brand and design overhaul of the previous site. My main goal was to build out the site and add animations throughout the site. I also built out numerous CMS collections and integrated a multi-step form using FramerForms. But The biggest hurdle we faced was integrating the custom membership operating system through Outseta and connecting the all the robust member content.

Along with the Outseta integration, I also set up a shop page using Stripe links and a CMS.

Framer Design: Work closely with the designer to ensure the website mimics the Figma design as closely as possible.

Framer Development: Develop animations and scroll interactions that feel native to the design.

Outseta: Work closely with the developer to integrate custom Outseta components.

Stripe: Setup a Stripe store and embed shop links for users to purchase Expedited reviewal on the Open Scrims Platform.

Fresh off a major rebrand, the team placed a strong emphasis on the acronym "PRAC"—Production, Realm, Apparel, Creative. They wanted these letters to take center stage on the landing page, each one prominently displayed and linked to its corresponding section.

A major part of the Practice Server platform is the ability for their users to be able to log into their Open Scrims account and link their Discord account.

The team wanted certain features of their platform hidden beyond the paywall, but also wanted to show free users there was more if they signed up. We used Outseta to show and hide the event calendar and leaderboard based on the users plan and login status.

One of the many CMS collections on the site, the blog was very important to the team. It serves as a valuable resource for staying informed about current trends and developments in the esports community. The hover state on the article card is one of my favorite features.