Where fans
become Superfans
Where fans
become Superfans
Where fans
become Superfans
Curious how a 'Fanhub' for Team Liquid increases fan loyalty and creates the ultimate superfan? – Let's dive right in!
Curious how a 'Fanhub' for Team Liquid increases fan loyalty and creates the ultimate superfan? – Let's dive right in!
Strategy
Concept Design
No-Code
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
Strategy
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.
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.
So, every step in a gamer's journey, including the new Fanhub, should work on making that connection stronger.
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.
Fan Hub visitors
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.
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.
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.
Why would someone visit the fan hub?
Visitors want to learn something around the happenings of teams and players.
Why would someone visit the fan hub?
Visitors want to learn something around the happenings of teams and players.
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.
Happenings lead to stories
Storylines are the force of the narrative and created by a series of happenings.
Happenings lead to stories
Storylines are the force of the narrative and created by a series of happenings.
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.
Storylines lead to fandom
Visitors reflect themselves with storylines and consume more to embrace that.
Storylines lead to fandom
Visitors reflect themselves with storylines and consume more to embrace that.
Storylines lead to fandom
Visitors reflect themselves with storylines and consume more to embrace that.
Concept
Concept
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.
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.
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.
Key enablers
Key enablers
After 20+ concept tests we learned that storylines will only be a success when setup the following key enablers:
After 20+ concept tests we learned that storylines will only be a success when setup the following key enablers:
After 20+ concept tests we learned that storylines will only be a success when setup the following key enablers:
Easy to build and improve
No-code tools will enable us to have a short go to market and make quick experiments.
Easy to build and improve
No-code tools will enable us to have a short go to market and make quick experiments.
Easy to build and improve
No-code tools will enable us to have a short go to market and make quick experiments.
Easy to build and improve
No-code tools will enable us to have a short go to market and make quick experiments.
Control and guide the content-narrative
Share not all content, but the content that weaves happenings into storylines. Fans should gain new insights when engaging with the content.
Control and guide the content-narrative
Share not all content, but the content that weaves happenings into storylines. Fans should gain new insights when engaging with the content.
Control and guide the content-narrative
Share not all content, but the content that weaves happenings into storylines. Fans should gain new insights when engaging with the content.
Control and guide the content-narrative
Share not all content, but the content that weaves happenings into storylines. Fans should gain new insights when engaging with the content.
Won't be extra work for our colleagues
With the current workload, one of the most significant facilitators we had to consider is to start small and improve over time.
Won't be extra work for our colleagues
With the current workload, one of the most significant facilitators we had to consider is to start small and improve over time.
Won't be extra work for our colleagues
With the current workload, one of the most significant facilitators we had to consider is to start small and improve over time.
Won't be extra work for our colleagues
With the current workload, one of the most significant facilitators we had to consider is to start small and improve over time.
Design
Design
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.
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
No-code
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:
We explored different ways to develop the new website. Despite Team Liquid having an internal development team, we chose a no-code proof of concept for quick experimentation, a speedy time to market, and to avoid overloading the current team.
Personally, I had to learn everything from scratch, but the experience was highly satisfying and worthwhile! We used the following tools to meet our objectives:
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.
Webflow
The visual development tool where I translated our Figma designs into a workable website, including CMS.
Webflow
The visual development tool where I translated our Figma designs into a workable website, including CMS.
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.
Finsweet
Foundational design system and accelerator that provides countless of no-code Javascript solutions.
Finsweet
Foundational design system and accelerator that provides countless of no-code Javascript solutions.
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.
Wized
A no-code logic tool to connect APIs, cookies and sessions between Liquid's Webflow and React environment.
Wized
A no-code logic tool to connect APIs, cookies and sessions between Liquid's Webflow and React environment.
Wized
A no-code logic tool to connect APIs, cookies and sessions between Liquid's Webflow and React environment.
End
End
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.
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.
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.
If you want to know more about no-code, creating fandom or just want to pick my brain. Hit me up on x.com/jordyvdboom to have a chat or grab a coffee!
If you want to know more about no-code, creating fandom or just want to pick my brain. Hit me up on x.com/jordyvdboom to have a chat or grab a coffee!