Discover the best quiz websites created by professional designers. Get inspired and start planning your perfect quiz web design today!

Watch the tutorial for this at https://www.youtube.com/watch?v=2OUj7dPn3Ng

Get a more in-depth tutorial for this project at https://www.patreon.com/timothyricks

Interactive CMS Quiz

Drag & Drop

Drag & Drop Tricks

To announce the new blending mode and backdrop filter features, Webflow reached out asking me to design and develop three eye-catching builds in two days. I quickly asked two of my friends, Shelby & Corey, for help creating the designs. This is one of the concepts that was chosen.

Project Team
Corey, https://dribbble.com/coreyschneiderdesign
Shelby, https://dribbble.com/shelbybuquet
Timothy, https://dribbble.com/tricks

Artsnob

ThreeSixtyEight

TSE Microsites

Website design and development for TriviaWhizz, daily quizzes across movies, music, science, sports, history, geography, literature, and culture.

TriviaWhizz

Triviawhizz - Daily Trivia Quizzes

We hijacked our Monday all-hands meeting to reveal the location of our 2021 company retreat. Every team member had to complete an interactive Webflow puzzle to unlock the location - and now we want to share that experience with you.

Complete the experience by Friday, 9/24 for a chance to join a Q&A with the design team who created it. Winners will be notified the week of October 6.

ThreeSixtyEight Retreat

Light The Fire Within Us

Roland Vs Attack Magazine quiz. Fully custom responsive grid built with flexbox. Split screen effects, custom dropdown and radio buttons.

A backend system will be created to calculate the final score. 

Final build soon.

Roland VS Attack

Roland vs Attack

A fully functional personality quiz with different results depending on your answers. I made this to test integrating some JS that I'd previously made for something outside of Webflow. This is not a legitimate personality quiz. Or is it?*

The original version of this accidentally went viral on Tumblr and thousands of people gave me their email address following the CTA: 'Join the Movement'. I have since removed this data capture as I was not ready for the burden of cult management.

I barely scratched the surface here but it's really interesting to think about some of the micro-interactions that Webflow could enable to make an experience like this fun.

*No.

Anti-Personality Test

Personality Quiz using Webflow

This is a simple example integration of the Basic Interactive Quiz GH from https://github.com/alexhawkins/basic-interactive-quiz

Help for custom code is provided in the community here: https://forum.webflow.com.

Basic Interactive Quiz

Basic Interactive Quiz Example

Did some learning and then some tweaking of T-Ricks Quiz clonable to include images! See if you can get all the constellations :)

Original:
https://webflow.com/website/Interactive-CMS-Quiz

Video: 
https://www.youtube.com/watch?v=7dqkTII2bPU&t=8s

Constellation Quiz

Constellations - Images Quiz

Website designed by https://threesixtyeight.com/

Louisiana Department of Health

Interactive Learning Platform, Quiz, and Motion Graphics

MURAL Marketing

We each have a unique meeting persona and understanding yours can help you and your team get the most from your meetings. Find out your meeting persona and start collaborating even more effectively.

We designed this award-winning microsite with an interactive quiz that asks a variety of questions related to time management, organization, and meeting preparedness. When complete, participants are presented with their own unique meeting persona, their dream meeting line-up, and two free mural templates that complement their persona, which can be used during their next team meeting to better facilitate and guide the discussion.

Let us know what you think!

Mural Personality Test

Meeting Persona Quiz – MURAL

Jesus Jam

JesusJam

Web catalog of Zanotti refrigerators sales company in Minsk, Belarus. Quiz mechanics, Webflow Interactions and some design :)

Live site: https://belref.by

BelRefParts

BelRefParts. Catalog

Digital Butlers

Welcome to Los Angeles Fairway Branch! 🥳

Hello there! Our team built this atmospheric and gamified branch / loan officer website template for one of the biggest mortgage companies in the US. There are a bunch of stuff that you can do there:

- Find your mortgage advisor
- Calculate your mortgage rate and download PDF report
- See your local area services
- Start your mortgage journey with the help of hybrid quiz
- Play with interactive LOTTIE animations
- Dynamic LO pages using Webflow CMS
And much more 🤘🏻🔥

We worked a few months on this project and will be very glad to know your feedback 🙏🏻

P.S. Can you find a "cat easter egg"? 😏 Turn on the sound and click on each cat that you will find 😜

Fairway Branch Website

Short movie quiz that was made on webflow with some custom jQuery. Big credits to Timothy Ricks who is an awesome webflow developer and teacher!

Cinematic Trivia

Cinematic Trivia - Movie Quiz

Interactive quiz created in webflow for Jobsite. Hooked up to a custom CSS that records user responses.

jobsite 1.0

Finding Your Perfect Work Environment Quiz

My second year putting together a holiday landing page for Barr Engineering Co.

I especially like the challenge of owning the majority of this project. Designing the page, developing it in Webflow, creating a holiday video to be featured, and this year we even put together a holiday quiz on the page!

👉 Let me know what you scored on the quiz!!

Agency: Creed Interactive
Client: BARR Engineering Co.

------

Shoutout to Timothy Ricks for his tutorials on building a Webflow CMS quiz 👏
https://www.youtube.com/watch?v=2OUj7dPn3Ng&ab_channel=TimothyRicks

Discover quiz websites built by the Webflow community

Discover quiz websites built by the Webflow community