Quirkchat — Swipe right on geek & Fleek design solutions
About the project
The client
QuirkChat is a collaboration platform for millions of geeks all over the world. It was founded in 2017, with the main office in Durham, North California. QuirkChat is perfect for finding YOUR people — with similar interests, tastes, and worldviews. Here, you can be yourself and create your own fandom, regardless of skin color, gender, or religion. QuirkChat is open to every passionate geek and hobbyist who wants to have some fun building a quirky and cozy social network.
{{services-provided}}
Client’s results
According to Brandessence Market Research, in 2020, the anime market generated revenues of nearly 24 billion dollars, growing roughly 9 percent annually. QuirkChat also contributed to that by providing geeks all over the world with a convenient platform for communication with each other. Naturally, investors couldn’t pass up this startup and actively invested in QC development.
<div class="case__rich-result">
<ul>
<li>ТОР 10K In the US News Companies</li>
<li>$25K+ Monthly users since March 2019</li>
<li>$270K Total Funding Amount</li>
</ul>
</div>
Problem
Project pain points
The biggest challenge of this project was to make QuirkChat stay ahead of competitors. Therefore, the client asked us to design their app as a mix of a video platform and social media while preserving the unique QC charm. Besides, they felt an urgent need to update their interface to make the app look more memorable for a new audience.
- 01 Video messages called “quips” weren’t intuitive to use, so users struggled to share commentary with the fandom.
- 02 It was hard to make and manage squads (group chats), especially in dealing with impolite users.
- 03 The newsfeed design was too simple, and users would lose interest in checking the latest anime trends or any other topic.
Solution
How we fixed them
The main goal of our team was to offer proper brand and design solutions. Here, we wanted each QuirkChat user to feel free and secure on the new platform, so our team paid particular attention to the client’s target audience. To assure them that QC is a safe spot for everyone, we upgraded the website structure, made a new bright visual design, and created a unique and quirky brand identity.
- Developed convenient and noticeable quip pages to create, observe, publish, repost, and share ideas in just 2 minutes.
- Created an easy-to-use admin panel to manage squads: assign permissions, delete users with inappropriate behavior, etc.
- Designed a hot and eye-catchy newsfeed to attract customers and keep visitors engaged with the platform for longer.
{{steps}}
Branding
QuirkChat identity style
To reach a wide target audience, our client craved to stand apart from competitors by owning a strong and catchy brand identity. Here, we needed to nail the main platform concepts, such as self-acceptance, creative thinking, and freedom from any kind of prejudice. The Halo team was entrusted to tell QuirkChat’s unique story, not through words but colors, fonts, icons, and other wizardry tools we have in stock.
{{slider}}
Logo Design
Catchy Q-logo
The concept of the QuirkChat logo is simple but memorable. We developed it after hours of brainstorming and research together with our client. With their approval, we moved on with the Q letter as a central logo part. Our designers took this step as the client wanted their logo to look impressive even without text.We were choosing between medium and bold logo fonts as regular and light couldn’t convey the technicolor QuirkChat mood. Having selected the medium font size, we added some spicy details to the Q-logo — a smile and a tail. This combination was a quintessential match for the QC network platform as it’s quirky and trendy.
Color Palette
Eccentric colors
Visual elements can tell even more than words. Keeping this motto in mind, our team nailed QC’s mood through deep and emotional colors. To better reflect the brand’s personality and attract a new audience, we chose Light Lavender, Electric Violet, Amaranth Magenta, and Dehila Yellow. Such a bright summer color palette is a perfect reflection of extraordinary QuirkChat users and their struggle for freedom of mind and spirit, along with self-love and self-acceptance.
Summary
Our quirky results
Every story has to end, but, as we know, every ending is just a new beginning, and QC is a bright proof of these words. Working on such a project is always exciting for us because most people in this industry have an inner geek. The Halo team did our best and achieved exactly what the client wanted: a bright design with cool visual details and a captivating brand identity for the QuirkChat quirky squad.
What’s a Rich Text element?
What’s a Rich Text element? sdffgdfgfghfgh
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
- Sdfdfg
- Dfgdfgfdg
- dfgdfgfd
- Dfgdfg
dfgdf gdfg dfgdfgidfgiudf gdf ugidfugidf ugid
- dfgfdg
- dfgdfg
dghjghj - dfgdfg
- dfgdfg
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
- 01 dfgdfgd
- 01 dfgfdg
- 01 dfgdfg
- 01 dfgdfg
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
dfgdfgdfg
The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.
sdfsdfsdfsdfdg
The main goal of our client was to build a patient-friendly platform with a positive and stress-free approach. As not every person is a tech guru, it was also crucial to simplify the website’s functionality, creating an intuitive interface with different languages available. Besides, the client put a strong emphasis on data security, as sensitive information about patients’ health must always remain confidential.
Technologies used
To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:
- 01Through the simple page with a brief registration form and an image of a unit’s exterior.
- 01Through the simple page with a brief registration form and an image of a unit’s exterior.
To verify various hypotheses and to better understand what users wanted, the client conducted A/B testing and, based on this analysis, generated various tasks for us to implement. Some users were directed to the unaltered version of the site, and some would see the new one. One of the intriguing cases involved the testing of website registration methods:
Results in numbers
Once we had developed the configurator and Mighty Buildings concluded the lengthy closed beta testing, they launched their product publicly, raising $40 Million in Series B Funding. And they haven’t stopped there — during the subsequent funding campaigns, they’ve raised more than $100M from leading investors, including Khosla Ventures and Arctern Ventures.
- $40M
Raised in series B Funding - $40M
Raised in series B Funding - $40M
Raised in series B Funding
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Quips
The quirkiest feature of the Quirkchat social platform is a quip, a 15-second collaborative video response to some topics or questions. Based on this, we highlighted the idea of quip-making and simplified the process of sharing such videos on social media. This way, the company aimed to reach a target audience from Instagram, TikTok, Twitch, and other platforms with potential QuirkChat users.
Squads
But capturing people’s attention isn’t enough — there should be a way to make them sign up and become new members of the QuirkChat geek gang. Therefore, our team designed cool profiles for users that will look cute and modern no matter how many photos or quips a person has. For this purpose, we needed to find some bright UI/UX solutions so each geek could find their co-thinkers through fancy profile details.
Redux and Redux-saga
To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.
The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga
Redux and Redux-saga
To handle data management, we employed Redux and Redux-saga. The Redux library helps us manage the state of the application in a centralized and predictable manner, while Redux-saga enables us to manage and test side-effects such as data fetching and backend communication.
The combination of these libraries has allowed us to create a robust and maintainable front-end that is capable of handling large amounts of data and state changes.Redux and Redux-saga
your project with us?