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

I liked Pitch's old website so much that I wanted to develop it in Webflow to learn, to give the project to others to learn too, and to show once again what Webflow is capable of - 100% visual development, no custom code was used.

Pitch's old website for comparison: http://web.archive.org/web/20201004032417/https://pitch.com/

I built 3 pages in total:
• Home: https://pitch-rebuild.webflow.io
• About: https://pitch-rebuild.webflow.io/about
• Blog: https://pitch-rebuild.webflow.io/blog

--

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

--

• Do you need web design & development? Get in touch 👉 brandenstein.co/team/andreea

• Follow my daily tips on Instagram 👉 instagram.com/andreea_uaui

• Connect with me on LinkedIn (please, tell me in the note the reason you want to connect) 👉 linkedin.com/in/uauizaui

Pitch Webflow Rebuild

A site created for a competition at my workplace. It's still somewhat of a work in progress, I want to continue to make updates on it.

history of animation

Finsweet

A collection of animations and interactions made on webflow.

You can also check out Webflow Samples 1: https://webflow.com/website/webflow-samples

Webflow Samples 2

I rebuild Plink's website in Webflow because I really liked the interactions they have created. I thought it would be cool to learn how to create them in Webflow, and also to make it clonable for others to have a look at and learn how to create these interactions too.

Custom code was used, but there are just a few simple lines.

Plink's website for comparison: https://useplink.com/en/

--

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

--

• Do you need web design & development? Get in touch 👉 brandenstein.co/team/andreea

• Follow my daily tips on Instagram 👉 instagram.com/andreea_uaui

• Connect with me on LinkedIn (please, tell me in the note the reason you want to connect) 👉 linkedin.com/in/uauizaui

Plink Webflow Rebuild

My personal portfolio. Making this cloneable, but I humbly request you to treat this as a resource to pull from rather than a template to copy ❤️

Preet Portfolio

Preet Dalal // Design Portfolio

The new website for the Gaffa Creative Precinct in Sydney Australia. Powered by Webflow CMS.

GAFFA

Gaffa Creative Precinct

Designflow.agency

This is our 1st cloneable design! 🎉🚀 Use it for free and do whatever you want with it. 

Check it out: https://parallax-effect-animation.webflow.io/. 
Parallax effect animations can be a simple way to enhance your site experience through delightful interactions.

This template is made with: 
✔️ Pexels Images 
✔️ Unsplash Images 

Follow me for more Webflow freebies in the future 💙


Parallax Effect

Parallax Effect Animation — Cloneable # 1

I liked Bertani's horizontal scrolling website so much that I rebuilt it in Webflow.

Almost no custom code was used. I used just a little for insignificant stuff such as hiding the scrolling bars, adding the difference blend mode to the cursor, creating the countdown year effect in the preloader, and adding an outline to the text in the menu.

Clone it and have a look through it.

--

Want to learn how it was created? Subscribe to my YouTube channel (tutorials for this website coming soon) 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 brandenstein.co/team/andreea

• Follow my daily tips on Instagram 👉 instagram.com/andreea_uaui

• Connect with me on LinkedIn (please, tell me in the note the reason you want to connect) 👉 linkedin.com/in/uauizaui

Bertani Webflow Rebuild

Bertani Webflow Rebuild - Horizontal Scrolling Website

Working on a travel blog for a friend, but decided to peel it off and make it cloneable before I turn it over for him to load content. Enjoy.

It's Worth Seeing

Working on a fun cloneable project for a local site over in Denver Colorado. Need Webflow assistance email me tayler@studiominted.com

ColoradoDiscovery-Home

coloradodiscovery-home

First time playing with lottie and the scroll interaction...

acupa

Product Landing Page

Hi, I'm Evan — A multidisciplinary product designer based in Detroit, MI. This is my personal portfolio that I wrapped up earlier this year. It includes projects from my employer, which also happens to be my favorite pizza company.

Note: This project was made from scratch, but has a ton of and creative direction from basicagency.com :) go and check their site out.

Evan Skiff — Designer

Evan Skiff — Product Designer Portfolio

Visual & Interaction Designer - Portfolio

Portfolio

Virginia Orosa

Panorama Works S.C.

Through fixed and absolute positioning, the logo will change depending on the background color. Very useful for navigation, changing texts or images on background and giving your site a very cool effect!

Change Image on Scroll

Change Static Image on Scroll

Can a complex game menu such as Battlefield 4's one be built in Webflow?
Yes!

Almost no code was used, I used just a little for insignificant stuff such as linking links to tabs or creating custom scroll bars.

Clone it and have a look through it.

Tutorials incoming on my YouTube channel, subscribe 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ

__

• Do you need web design & development? Get in touch 👉 brandenstein.co/team/andreea

• Follow my daily tips on Instagram 👉 instagram.com/andreea_uaui

• Connect with me on LinkedIn (please, tell me in the note the reason you want to connect) 👉 linkedin.com/in/uauizaui

Battlefield 4 Webflow Rebuild

This is an experimental interface I built a while back for a friend who was starting an entertainment label. We ended up going a different direction with the brand and site design, but I always liked the look and feel of this thing so I am making it cloneable for anyone who wants to go in and explore. 

It's also set up for ecommerce, and works dope on all device sizes, so be sure to check it out on mobile. 

P.s. If anyone can help me figure out how to add scratching sounds when someone scrolls up or down, I'd be down for a collaboration!

Discover .css-73fekg{text-transform:capitalize;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}interactiondesign websites built by the Webflow community

Discover interactiondesign websites built by the Webflow community