All work
Case Study

Building Sidequests by ibbe

A walkthrough of how Sidequests by ibbe came together, from the idea behind the gatherings to the tools used to build the website, including a late pivot to Framer.

Built withFramer 3.0Claude IBBE CloudFormspree
#Sidequests#Learning Meetups#IBBE Initiative#Web Design

We are starting a new initiative called Sidequests by ibbe, a series of gatherings held twice a month for anyone who enjoys learning new things purely out of curiosity. The goal is to create a relaxed yet structured space where people can step away from their daily routines and look into interesting subjects together. Twice a month, we host these meetups to spark good discussions, connect motivated people, and learn about topics we rarely encounter in school or work life.

Desktop version of the Sidequests homepage displayed on a wide cream-colored canvas. A black rounded navigation bar with a “Join Next” button sits at the top. Colorful floating badges and gaming-style icons frame the centered headline, “Take the side quest. The main story can wait.” Supporting text describes a recurring discussion event, and two call-to-action buttons—“Save My Seat” and “See the Format”—appear beneath the introduction.

The idea is simple. Most of our days get filled with deadlines, meetings, and routine tasks tied directly to work or school. Sidequests creates room for something different: a couple of hours every two weeks set aside purely for curiosity, with structure loose enough to keep things relaxed and tight enough to keep the conversation focused.

ibbe's design language[1] ranks among the most beautiful systems I have worked with. Every time I open it, the experience feels like a pleasure rather than a chore, and that made the start of this project an easy one.

When the time came to build the web page for this project, my first plan was to go with the familiar combination of Next.js and the ibbe cloud stack. That changed while scrolling through Twitter, where I came across an announcement from Framer about their 3.0 release, complete with agents, branching, a community feature, and a fresh design. Curiosity got the better of me, and I decided to give it a try.

Building Sidequests by ibbe ended up happening entirely inside Framer[2]. The process moved quickly thanks to the agents feature and the set of skills I had built earlier, which made the whole setup feel almost effortless. Framer made this part of the build genuinely simple since it works as a design tool first, so most of the work happened through visual editing rather than writing code from the ground up.

Project image

Along the way, we also decided to add a new blog dedicated to Sidequests, kept separate from ibbe's central blog. This space exists purely to share stories from our events and let people learn more about what happens at each gathering.

For form submissions, we connected Formspree[3] through Framer's native plugin. The plugin handled the connection directly, letting every submission flow straight into Formspree with minimal setup.

One part of the setup that gave me trouble was connecting ibbe Cloud's email sending service through Framer. I tried calling the worker directly, but the attempt fell short and the connection stayed broken.

Overall, this build turned into a good example of choosing the right tool for the moment rather than sticking to an original plan out of habit. Framer covered most of what we needed quickly, while the email worker connection remains the one piece left to revisit later.

Sidequests by IBBE is a bi-monthly gathering for anyone who wants to step away from their daily routine and learn new things purely out of curiosity. If you want to see how we built the platform or if you are ready to dive into our next meetup, you can explore the project details or sign up to join us directly.

References

  1. 01

    ibbe: a brutalist editorial system built on thick charcoal borders, hard offset shadows, spring-loaded motion, and a cream/bone palette, where personality lives entirely in shape, snap, and blunt, joke-laced copy rather than decoration.

  2. 02

    Framer is a design and prototyping tool for creating interactive, animated websites and UI/UX designs without writing code.

  3. 03

    Formspree is a cloud-based service that allows you to handle form submissions on static websites by forwarding the data to your email or a specified endpoint, without requiring backend code.