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

-> Tutorial: https://youtu.be/8DKLYsikxTs

We love a good animated timeline. Here's a timeline we created for our website that tells the story of Relume. 

We think this timeline can be used for many projects and use cases. Enjoy!

---------

Like this cloneable? 

We've built the world's largest component library and we're excited to release this to the Webflow Community! Simply search from 650+ components, copy with one click and paste them into your Webflow project. 

Get access to Relume Library BETA
-> https://library.relume.io/

Upvote on Product Hunt
-> https://www.producthunt.com/posts/relume-library

Relume Timeline Cloneable

The Institute researches the issues of today’s urban reality. Their students and contributors are eager to make the cities of the future sustainable, multicultural, safe and healthy. The change is made by those who are at a leading edge of architecture and urbanism.

Spaces Urbanistic

This Chalet redefines luxury. Get a first impression by scrolling through the floors visualized with modern illustrations inspired by classic Swiss tourism posters.

BelArosa Chalet

Redis Agency

In just a year with Webflow, we have launched dozens of projects, won international awards and expanded the team to 6 creative developers. It is about time that we open a separate department for creative development. We are celebrating this by launching the Webflow department website.

This landing page is dedicated to our love for Webflow, our clients and their projects, and our team. It also showcases the new corporate identity of Redis Agency. Noteworthy that smooth scroll and while scrolling in view animations are implemented without code.

Click the link to see it for yourself. Let it Webflow!

Redis Webflow

Redis Agency Webflow

Sakharov.space is a digital museum of Andrei Sakharov. It is the first and only large-scale project of its kind dedicated to his life, scientific work and human rights activism. 

We took the liberty to integrate modern design solutions into this project so that it turned out to be spectacular. For example, we created a 3D imagery of Sakharov and implemented it using WebGL technology. The archive images helped us make the features of the 3D model similar to real Sakharov ones. Then we animated it, recreating the atmosphere of an old movie.
 
The site was assembled by 85% on the Webflow and by 15% using WebGL.

Copy of Сахаров

Sakharov.space

Winner of SOTD, DEV Award, Honours and Mobile Excellence on AWWWARDS
WOTD, BEST UX,UI and Innovation on CSS Design Awards.

Mike has animated for films such as Lord of the Rings, Harry Potter, Iron Man, Underworld and Fast & Furious. We worked together to create an immersive story telling website which works hand in hand with his lifetimes work. 

https://www.mikelmurphy.com/

Enjoy

Mike Murphy

Mike L. Murphy

A brief introduction to Obsessive-Compulsive Disorder (OCD) meant to educate, share resources and real stories to create awareness and reduce stigma and misconceptions around OCD.

#livingwithocd #realocd

SOTD June 18 
https://www.awwwards.com/sites/living-with-ocd

livingwithocd

The Big Bed a Interactive Story

Is a children book made interactive. Leveraging the technology of the webflow, I was able to bring this fun, playful and hilarious story to life.

The big bed

The Big Bed

BuildBites

Hey there!👋
We rebuilt «hims & hers» - a cool storytelling website. Check it out!

P.s. Need a website? Drop us a line at hi@buildbites.com.
We provide an unlimited Webflow development for a flat monthly fee!

Hims & Hers

hims & hers clone

This was a redesign of my old music website. I recently released a new EP and wanted a new website to reflect the feel of the album. I utilized Webflow's interaction and animation features to bring users through the website with storytelling.

Music Website

Amanda Lee Peers Music Website

Rebranding the SaaS startup known as Invoice Ninja in just 1 month with Design Sprint & Brand Sprint as the most affordable invoicing, expenses & time tracking app.

Check the case study here: https://www.brandenstein.co/portfolio/invoice-ninja

--

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

--

• Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/

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

Invoice Ninja - Unofficial Rebrand by Brandenstein

An immersive website experience with advanced interactions and minimal design for a next-gen digital agency specialising in high-end website design, Webflow web development, logos, branding, and social media marketing.

Reform Digital

Reform Digital | Agency Website

EN : Example of a Timeline by telling the story of David Laorche. 

This project was made by Maxime Mroue (RiseVerse.com) for educational purposes and is not affiliated with David Laroche in any way. All rights of images, logos, and texts belong to David Laroche.fr.

PS: Follow us to stay up to date on new clonables (many memorable clonables are coming soon)

Relume Library : https://library.relume.io/
Relume Tutorial : https://youtu.be/8DKLYsikxTs
Brand : DavidLaroche.fr

Timeline Cloneable

Welcome to OSOS, a creative studio based in Germany, which operates globally.

It specializes in designing unique and rich web and mobile experiences, as well as crafting memorable logos and branding strategies.

I wanted to take the interactivity and storytelling of the website to a new level. I went full out with animations and interactions, combined lottie and video files with the power of webflows Interactions 2.0.

I also incorporated custom JavaScript and CSS, but only once I reached the absolute limits of webflow.

You can view the live site at: www.osos.co

Reach out if you want to get to know great people with a lot of love for technology, and specifically for empowering tools like webflow and the no-code movement in general.

I wish you all the best,
Marcel

OSOS - Creative Studio

OSOS | Creative Studio

Clone the story guide to access the required footer element for your CloneComp 2021 submissions. 

This site will be updated each day of the competition with a new story block. 

To register for CloneComp or learn more about the competition visit - CloneComp.webflow.io

Thanks to our sponsors for making this possible.

Webflow
Finsweet
LottieFiles
Jetboost
Refokus
EdgarAllan
Weglot
PixelGeek
FlowNinja
Nobull Airtable
Connor Finlayson
Audiovelo
Flowmingo
Memberstack
Rocship
I heart nocode
WebfloWizards

CloneComp 2021 Story Guide

Nube

A story-based horizontal scroll animation with GSAP Scroll trigger as part of the daily GSAP challenge.

✦

Need help with your next Webflow project?
Visit https://www.wearenube.xyz/
Or let's talk at https://book.morgen.so/stefan04/meet

nf-daily-02

GSAP Scroll trigger animation / GSAP daily 02/50

Dictionary of design terms that everyone in the IT industry should know

Dictionary for non designers

diplo

Trust is important. This year again, Diplostudio was selected by the European organization Transport & Environment (T&E) for the design of their annual report, celebrating their 30th year of existence 👏🏻 Through a series of custom-made illustrations, we highlighted the key dates of their history, from the foundation of T&E up to the present day. We developed a full web site for their report and also created a downloadable version 🖥

Discover storytelling websites built by the Webflow community

Discover storytelling websites built by the Webflow community