Quirkchat — Swipe right on geek & Fleek design solutions

time icon
2024
2020–2021
Information technology
Media
arrow scroll icon
scroll
No items found.

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.

  1. 01 Video messages called “quips” weren’t intuitive to use, so users struggled to share commentary with the fandom.
  2. 02 It was hard to make and manage squads (group chats), especially in dealing with impolite users.
  3. 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.

  1. 01 dfgdfgd
  2. 01 dfgfdg
  3. 01 dfgdfg
  4. 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.
GreenBiz
get in touch
get in touch

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.

Services we provided

UX/UI design
UX/UI design
Branding
Branding
TIME FRAME:
7 months

Technologies used

No items found.
No items found.
No items found.
No items found.
No items found.

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

Client’s feedback

ings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Alex
Coo

Have a similar project or idea? Let's discuss the details.

Ready to discuss
your project with us?

Please, enter a valid email
By sending this form I confirm that I have read and accept the Privacy Policy

Thank you!
We will contact you ASAP!

error imageclose icon
Hmm...something went wrong. Please try again 🙏
SEND AGAIN
SEND AGAIN
error icon
clutch icon

Our clients say

The site developed by Halo Lab projected a very premium experience, successfully delivering the client’s messaging to customers. Despite external challenges, the team’s performance was exceptional.
Aaron Nwabuoku avatar
Aaron Nwabuoku
Founder, ChatKitty
Thanks to Halo Lab's work, the client scored 95 points on the PageSpeed insights test and increased their CR by 7.5%. They frequently communicated via Slack and Google Meet, ensuring an effective workflow.
Viktor Rovkach avatar
Viktor Rovkach
Brand Manager at felyx
The client is thrilled with the new site and excited to deploy it soon. Halo Lab manages tasks well and communicates regularly to ensure both sides are always on the same page and all of the client’s needs are addressed promptly.
Rahil Sachak Patwa avatar
Rahil Sachak Patwa
Founder, TutorChase