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

Hey all,

I was playing around with overflows to create a one page multi windowed site for personal or creative use. Feel free to clone and edit.

Check out this link for help: http://forum.webflow.com/t/help-with-focus-template/8554

Arthur

Focus

FREEBIE: Focus Template

A company from Quebec (Canada) working on the first human skin enhancement for performance-driven athletes.

Stellar Skingrip

STELLAR

parallax-scroll-experiment

Parallax Zoom Effect Experiment

Creating a custom content slider with tabs which changes background images as well as content. It uses CMS.

Tabs-slider

tabs-slider

Northand Films is a video production company from Montreal working with clients who like to put themselves out there.

Northand

Northand Films

Some experiment / prototype for a more advanced led display effect. Scroll down for some variations. 

Feel free to clone and make something out of it.

Dots

Clone: Display experiment

Eurecah

Paradam Studios' new design and development. 

This website was intended to reflect the agency's soul and way of work using combinations of mediums, textures, symbols, and animation to bring them to life into one ecosystem. 

Fully animated with a mix of Webflow Interactions, LottieFiles, and LocomotiveScroll. 

Enjoy!

Paradam

paradam-studios

Hey everyone,

I had this idea for a more dynamic navbar reveal and here it is! Free to clone and integrate into your sites, the concept is a double stepped unfold which ends up at and angle. 

The site is for demonstration purposes only.

Hope you like it!

Arthur

Angular Navbar

EXPERIMENT: Angular Navbar

Trying out some logo animation with webflow interaction "on hover" - just for fun. Let's see where we get – to be continued.

and yes, hover that cute little dot - then click it.

Logo-Animation-Experiment

Clone: Logo Animation – Experimental

Just a fun experiment with spinning circles using mouse vs. viewport interactions

spinification

Spinification — Clonable Mouse vs. Viewport interaction experiment

Baldwin Wallace University was my very first client in web design ( I graduated from their music theatre department in 2013). My first year working as an actor I started to dabble in web design so I reached out to my college mentor and said "Hey, CRAZY IDEA, but let me design a showcase website for you to get the industry excited about your students." It ended up being a hit! Even a Tony winning producer shared the site on his blog. Ever since, I've designed something fun for them to share every year. This is the latest design. 

Baldwin Wallace's Music theatre website was actually featured by Webflow and was my first big Webflow build

You can clone the site, cause hey, if it wasn't for this showcase I don't know where I'd be as a web designer today. It's far from a perfect design but it gets the job done for the program and the kids always get really excited about it.

Enjoy ❤️

BWMT | SHOWCASE 2020

Music Theatre Showcase Announcement

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

Been playing with some design elements for a new portfolio site but I am not sure this is the winner. 

Lots of experimental interactive elements here, and I like some of them, but overall I felt the design was a little heavy and does not translate well to mobile. 

It's cloneable, but complicated. And definitely not the cleanest (no)code. Proceed with caution if you plan on using it for anything other than just learning.

Raymmar.com Live

Raymmar.com 0.0.1

Saw this spotlight-effect somewhere online and rebuilt it here in 5 min.  Simple settings with mouse movement interaction. Made 2 versions: shadow & white-on-white. Any color / text possible. Might be interesting to use for some hero landing page... Feel free to clone.

white-on-white-effect

Clone: Spotlight with Mouse movement - white on white

This mock-up was made only as a study of an experimental UX design into the webflow platform from scratch.

PS.: Only desktop version for now :)

Just an UX experiment

Just a UX experiment

Layout is based on Lubalin 100 project. I tried reaching the same layout, it's rough, but the basic concept working. Plus, there are other experimental layouts below the student names.

This whole page is should work as a starting point for my Typo class students at METU Budapest.

It's an ongoing project.

Webdesign Class Helpers for METU students

Grid and Flex mosaic tile experiment and other layouts...

Don Carlo is a Montreal design studio specialized in branding, illustration and packaging design.

Don Carlo

This website allows users to learn about and participate in the public art and poetry project, Kensington Healing Verse. Visitors can learn about the artwork, the process, and submit their own poems.

Throughout 2021, Philadelphia Poet Laureate Trapeta B. Mayson held poetry workshops with Kensington residents. These workshops used poetry as a tool for sharing, listening, and reflection about community, daily life, and new pathways to healing for the Kensington Community.

The participants’ poems capture memories, challenges, and aspirations of life in Kensington that were combined into group poem. This collective poem was transformed into a neon sign and lifted to the rooftop of 2400 Kensington Avenue to serve as a beacon of strength, hope, and healing for the residents of Kensington.

This site was featured on Typewolf as the Site of the Day on Dec. 27, 2021
https://www.typewolf.com/site-of-the-day/kensington-healing-verse

Discover experimental websites built by the Webflow community

Discover experimental websites built by the Webflow community