Building an Aesthetic Questionnaire Experience

Saw a fun questionnaire webapp and wanted to build my own.

Created a questionnaire webapp in NextJS. Kinda wanted to make it witty and fun to use. It has now around 14 questions, can add more if people like it. It's deployed on Vercel and can be found here.

Inspiration

I got the idea for this after replaying The Stanley Parable and stumbling onto its weird questionnaire section. It made me want to build my own, something simple but intentionally playful. When you move a slider, the text scrambles, the sounds shift, and everything feels like it’s reacting to you. It’s a tiny detail, but it makes the whole thing more fun.

Design

I used ITC Garamond because it looks clean and a bit fancy. I even added custom cursors, a diamond, a hexagon, and little arrows, mostly because they made me smile, not because anyone will notice.

Implementation

All the questions are stored in Supabase, so I can add new ones without redeploying. There are eight question types, each with a slightly different interaction, but they all feel consistent. I also optimized the slider animations and sounds so it runs smoothly on mobile.

You can export your answers as a dark-themed PDF at the end, which is completely unnecessary but oddly satisfying.

In short: yes, it’s “just a questionnaire,” but making it feel nice to use was half the fun.

Next Steps

The thing I want is to convert this into a proper questionnaire for research purposes. I got the idea from a Veritasium video about people being overconfident, and I want to recreate a similar social experiment. The goal is to ask people simple yes/no questions about random facts—things like, “Do you believe there are more stars in the Milky Way or more trees on Earth?” After each question, I want respondents to rate how confident they are in their answer. This experiment highlights how people are often more confident about things they’re not actually sure about, while those who know more tend to become less confident.

It's similar to the well-known Dunning–Kruger curve which, ironically, is also oversimplified and often shared in a slightly exaggerated or "fake" form.

Actual Dunning–Kruger effect

Fake / Meme version

Overall, the questionnaire is meant to explore the gap between perceived knowledge and actual understanding.