Charlie Gaming Webflow Website Development for the Web3 Space

Webflow Development for a Web3 NFT Games and Metaverse Website

For the last several months, I have had the opportunity to work on a Webflow Development project focused on NFT Games and Metaverses.

It pushed my boundaries as a developer, as well as it pushed Webflow’s capabilities to handle the needs of the project.

We not only redesigned the site but we migrated it over from Wordpress to Webflow to provide more functionality, greater speed, and SEO optimization.

3 Months
Build My Website
Portfolio header collage
Charlie Gaming NFT Metaverse Website
No items found.
"

Casey is extremely knowledgeable and skilled in the use of Webflow. He has impressed me with his ability to turn complex design concepts into beautifully functional websites. I highly recommend him for any web design projects.

JCG AGENCY
Juan C. Guerrero
Marketing Expert | Agency Owner
testimonial image

Project Scope

View Website

Charlie Gaming needed to migrate their website from Wordpress to a platform that could handle their growing collection of Analyses and News in the NFT Games and Metaverse space. They needed speed, functionality, and styling that was not possible with their current platform.

We migrated their site from Wordpress to Webflow, while also providing them a fresh new look that is more akin to the Web3 NFT and Metaverse space.

They also needed to launch a paid premium version that is managed via Webflow Memberships and gates content on the site.

Deliverables

  • Fresh redesign for the Web3 space.
  • Development and copywriting based on brand guidelines and story.
  • CMS collections that would be easy for the client to update, as well as provide the ability for numerous writers to access the site and add content on a daily basis.
  • Speed, style, and functionality previously not available via Wordpress.
  • Use Client First, as well as Finsweet Attributes such as Filter, Nest, Load, Next Previous, Table of Contents for added functionality.
  • Memberships and eCommerce that allows for premium gated content.
  • Multilingual site using Weglot.
Website development and design example

Web design and development for the modern web

Charlie Gaming was designed to fit in with the modern web’s aesthetic. From dark background, to gradients, typography, graphics, and the use of interactions meant to highlight each element. Charlie gaming is a modern website serving those interested in NFT Games and Metaverses.

Webflow Memberships delivers premium content

Not only does Charlie Gaming provide free content to the Web3 community, but they also have paid premium content. Using Webflow’s Membership Platform, we created a membership section of the website to handle Premium content.

Using conditional visibility paired with Memberships, we gated portions of the Premium Pages. Memberships conditional visibility gives us the ability to show a portion of the premium article. This is important for trust and marketing. Those interested in a Premium membership are able to see what is provided without having to purchase a paid subscription. It also provides Charlie Gaming the opportunity to showcase the value they are providing and call users to make a purchase with a custom popup.

Website development and design example
Website development and design example

Finsweet’s Client First and Attributes creates a clean yet fully functional site

Client First is fast becoming the organization and naming standard for Webflow. It allows for consistent fast builds that are easy to update at scale.

Attributes adds increased functionality to the site. We used Attributes for advanced filtering, sorting, loading, and to pull collection items into sliders throughout the site. In articles, we harnessed the power of the Table of Content Attribute, as well as Next Previous to keep readers reading.

Collection pages and conditional visibility allows for a custom design to collection pages that are continually growing

Charlie Gaming is not a static site that is updated every now and again. Updates happen on a daily basis as new analyses’ are added. But not every analysis is the same. Using the power of conditional visibility, we were able to provide options that automatically hide or show different elements on the page as new analyses and news articles are created.

Website development and design example
Website development and design example

Have a favorite analyst? Check out all their work.

Using the team collection as a reference collection, we were able to tie all the articles written by a particular analyst together and present those on their team bio page. For those who don’t write articles, we used the power of toggles and conditional visibility to hide the article section on the bio page altogether.

That’s a lot of CMS Collections!

The site is still growing, and ongoing development will continue, but as of today the numbers are:

  • 17 static pages
  • 19 active CMS collection pages
  • 25 CMS Collections (some of these are reference collections)
  • 518 items in the CMS right now, but that number is growing daily and should be up over 1,000 soon.
  • 53 fields in 4 collections with several of these fields being reference fields to other collections.
  • Too many conditional statements on the template pages to count 😬
  • eCommerce pages = 4
  • Membership pages = 6
Website development and design example

Final Design and Launch

A fully responsive website that met all the initial deliverables.
Charlie Gaming Webflow Website Development for the Web3 Space
View Website

Previous

Owner and CEO of CL Creative
Sorry, no more case studies.
Let's create yours!
Book a Free Consultation

Next

Owner and CEO of CL Creative
Sorry, no more case studies.
Let's create yours!
Book a Free Consultation

Let's Talk About Your Project

Required "current" page

Website for a Roofing Company in Dallas Texas

Required "current" page

Webflow Development for a Crypto Website

Required "current" page

Webflow Design and Development for a Talent Management Startup

Required "current" page

Charlie Gaming Webflow Website Development for the Web3 Space

Required "current" page

Webflow Design for a Leadership Foundation

Required "current" page

Webflow Website for a Real Estate Broker

Required "current" page

Web Design for a Church

Required "current" page

Web Design for a Local Author and Speaker

Required "current" page

Web Design for a Therapy Startup

Required "current" page

Web Design for a Licensed Professional Therapist

Required "current" page

Webflow Development for a National Moving Company

Required "current" page

Webflow Web Design for a Wellness Startup

Required "current" page

Web Design for a Lawn Care Company

Required "current" page

Web Design for a Non-Profit