Team Liquid
Where fans become Superfans
Curious how a 'Fanhub' for Team Liquid increases fan loyalty and creates the ultimate superfan? Let's dive right in!
Intro
My ultimate goal was to create a space where they felt a sense of belonging and safety to connect and learn new insights to ignite their fandom – an ongoing narrative of neverending fandom.
Based on an identity that isn't singular—instead, it's a blend of values, and a celebration of passionate gamers who embody creativity, kindness, and a dash of quirkiness in today's digital landscape.
Strategy
We found an interesting trend by looking into different gamers who like Team Liquid and checking our social stuff. It shows the more a gamer likes Team Liquid, the more likely they're a Superfan.
So, every step in a gamer's journey, including the new Fanhub, should work on making that connection stronger.
Fan Hub visitors
To figure out how to boost that affection, we researched the role of the Fanhub. Without delving too deep into the entire journey, I do want to share the intent of visitors based on our Fanhub research.
Why would someone visit the fan hub?
Visitors want to learn something around the happenings of teams and players.
Happenings lead to stories
Storylines are the force of the narrative and created by a series of happenings.
Storylines lead to fandom
Visitors reflect themselves with storylines and consume more to embrace that.
Concept
Interestingly, this marked a turning point in our exploration. We realized that providing better insights into storylines was the key to transforming fans into superfans!
Following that revelation, numerous exciting concepts were developed and tested with fans, leveraging AI tools such as Midjourney and ChatGPT.
Concept
Interestingly, this marked a turning point in our exploration. We realized that providing better insights into storylines was the key to transforming fans into superfans!
Following that revelation, numerous exciting concepts were developed and tested with fans, leveraging AI tools such as Midjourney and ChatGPT.
Design
Most content that we share on socials is already elevated with graphical elements. To avoid double work in cleaning up the content and make it website ready, we made an interactive design language that avoids clutter and elevates content.
No-code
We considered various approaches to develop the new website. While some may be aware that Team Liquid has an internal development team, to ensure quick experimentation, a rapid time to market, and to avoid burdening the current team with additional work, we opted for a no-code proof of concept.
Personally, I had to learn everything from scratch, but the process was incredibly satisfying and worthwhile! We used the following tools to achieve the following objectives:
Webflow
The visual development tool where I translated our Figma designs into a workable website, including CMS.
Finsweet
Foundational design system and accelerator that provides countless of no-code Javascript solutions.
Wized
A no-code logic tool to connect APIs, cookies and sessions between Liquid's Webflow and React environment.
Conclusion
In today's market, we should focus on setting up brands (and agencies) in a way that allows them to move quickly and become as independent as possible.
I strongly believe that no-code has a bright future because, as demonstrated in this project, it brings conversations back to brand loyalty and impact.
