Discover the best story websites created by professional designers. Get inspired and start planning your perfect story 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

Redis Team

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

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

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

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

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 👉 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

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

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

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

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 🖥

T&E-Annual Report 2019

Transport & Environement Annual report 2019

charity First entry

charityentry

My Day 2 submission for CloneComp 2020. 

I think there was more initial planning in building this submission. I initially had a concept already for the Day 2 submission but I couldn't find the comp that would fit this concept (and humour). Therefore I scratched that idea and reviewed each entries and decide which composition I can create a better continuity and I chose Martin's comp. 

I’ve loved Martin’s comp from the initial impression in the livestream. It looked like the more serious version of my submission. I’m building off the story telling part and hopefully try it to fit it in with it's initial personality. My main focus was creating a sense of continuity in the story while adding my own spin into it. I hope I did it justice!

Most components and assets are made by Martin. 
The glitch effects are made in Final Cut Pro.

CC Day 2 Charity DC

Clone Comp Day 2 - Charity De La Cruz

This is a Storytelling site experiment I did with the content of my actual recent client. The site includes a lot of scroll animations and interactive storytelling concept. I hope you enjoy this. cheers! 


PS: sorry I haven't made it cloneable : ( please ask your queries in the comments.

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

Discover story websites built by the Webflow community