Clubbb (Framer Website Design & Development)

UX Designer

Framer Developer

Framer Designer

Framer

Make

Notion

Clubbb homepage (https://clubbb.id)

Table of Content

Summary

Tech Stacks

1. Framer

2. Fillout

3. Notion

4. Make

5. Telegram

Features

Events

Hot Deals

Live Website

Summary

Clubbb

is a digital marketing community that was established to help MSME businesses in Indonesia to grow and scale their business. It's the second community that I've ever initiated. Working with the community is my second agenda besides working as a digital creator.

The idea behind this website is to provide a platform for MSME businesses to get business insight from joining events that are organized by event creators. At the same time, we also provide event marketing and community enabler services for those who are in the growth and scale phase.

In the next version, I'm preparing to transform

Clubbb

to become an event marketplace platform that is open for anyone to become a creator and sell their products/services; still using nocode tools.

Tech Stacks

1.
Framer

The event's detail page on Clubbb

The primary tool for creating a stunning and high-performing website is

Framer

, the website builder.

Framer

will generate a static website for

Clubbb

with fast-load access.

2.
Fillout

Forms on Clubbb's website

Fillout

is a form builder with the most complete integration for

Notion

and

Airtable

. On the

Clubbb

website,

Fillout

will be used by users to book an event ticket, get hot deals, or even register as a

Clubbb

member. Here,

Fillout

becomes a tool that addresses some of the limitations of

Framer

, particularly when it comes to handling intricate form logic and database integration (here I use

Notion

3.
Notion

Clubbb's database on Notion

For me,

Notion

is a super app for productivity, from note-taking to database creation with super capability to integrate with third parties. In this project, I use

Notion

as a database collection for subscribers, event databases, hot deals, order, and ticket databases, etc. It's the most complex website I've ever built above

Notion

4.
Make

Clubbb's ticket booking workflow on Make

Make

is the automation workflow tool in this project. It integrates between

Fillout

Notion

, Telegram, Email, Payment system, etc. It's like a backend for this website.

5. Telegram

Clubbb Telegram notification center

I use Telegram as the notification tool. All activities inside the

Clubbb's

website, like ticket booking, payment activities, and new member registration will be sent to Telegram. Here, Admin can monitor all website activities in one place.