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

Hi guys, there is a drone pilot portfolio project for my friend Olivier Guy.
I tried some immersive interaction with loop videos inside the hero.

Olivier Guy

Drone Pilot Portfolio

Following a lot of hacking, googling, experimenting and asking rookie questions, I've managed to stitch together my first Webflow project! 

https://www.danielsee.com/ 

Would love to hear any thoughts, in particular any bugs that i missed?! Appreciate your time!

Daniel See

Daniel See - Portfolio

Bookmark

Recreation of scroll behaviour in https://www.andreasantonsson.dev.

Inclined scroll and perspective effect done natively in @webflow.

Smooth scroll using Len's from @studiofreight.
Staggered chars using a small custom function.

Requested by @socoloffalex

#51 Portfolio Landing

Portfolio landing

Can you really recreate a 3D fly-by animation on a 2D plane?

While watching this video on Webflow University (https://www.youtube.com/watch?v=J2846GiZuLA), I was inspired by the aerial footage in the first 5 seconds of the clip, with a stunning drone view of the Golden Gate Bridge.

I asked myself the question: how can you re-create the same spectacular video in Webflow and can it be done on a flat plane?
 
This was a quick fun experiment, so it's only desktop compatible for now. Feel free clone this and tweak it as you like!

San Francisco

Uroboro

Expo Entrepreneurs is the most important entrepreneurs meeting in North America. The website showcases it all: the experience, the activities program, the partners... Come see for yourself what we built for this colourful event!

expoentrepreneurs

Expo Entrepreneurs

A prototype I worked on at Headspace. I had so much fun making this.

The hero section is composed of 6 different lottie animations to achieve some subtle movement.

Happy to answer any questions :)

Sleep by Headspace

Do you prefer to read about a product, or do you want to see it in action? 

It may sound cliché, but images do tell a thousand words! 

Presenting your product in context bridges the gap in communication, saves your customer time, and helps paint a more vivid picture of your 𝗽𝗿𝗼𝗱𝘂𝗰𝘁 and its 𝗯𝗲𝗻𝗲𝗳𝗶𝘁𝘀. 💃

I created this free webflow demo for a fictional eyewear company, to illustrate exactly that concept.

Feel free to clone this and use it as you like, like and comment if you enjoyed it! ✌️

Need Eyeglasses?

need-eyeglasses

Article experiment containing show/hide navigation, full cover hero artwork, reveal images, sticky captions/credits, and hover video concept. 
*** Desktop only ***

v3 xBrand Article Framework

xbrand-article-framework-v03

The team at Liminalia approached Studio Ziro and I to help deliver this project for the Multidisciplinary Association for Psychedelic Studies (MAPS) in celebration of Bicycle Day - the anniversary of Albert Hofmann’s first intentional use of LSD.

This ticket-only, sidescrolling Webflow site acted as the launchpad to more than 40 unique, virtual experiences hosted by musicians, artists and creators from around the world. 

The event drew over 12,000 unique visitors over the course evening. With only a week to go from concept to finished website, I handled the site development alongside a team of extremely talented artists and creators who supplied the content, art direction and everything else needed to go live.

MAPS Bicycle Night

Bicycle Night - Parallax Sidescrolling Event Website

We've created a simple site brought to life with Interactions 2.0 and bespoke Javascript. We've included an original score embedded to play in the background alongside a ticket widget from Universe.com

House Of Horror

House Of Horror - Immersive Experience

Inspired by Pontus Wellgraf's live demo on The Futur livestream with Chris Do, I wondered: can we recreate this amazing After Effects composition in Webflow?

A few hours later, this is the result.(best viewed on mobile/landscape)

Feel free to clone this, comment and like if you find this useful!

Original concept and assets by Pontus Wellgraf.

Formula One

‍Human Traffic - Live is an immersive rave theatre experience bringing the cult film Human Traffic into reality! This is a live show, from two of the most powerful names in immersive experience and digital art media.

Check out the Digital Guideline we created to allow the client to share assets and ideas to partners ;)

Human Traffic Live

Human Traffic - Live

Modern album announcement. Convert video to lottie files tied to scroll.

Curfue

curfue

vMall is a virtual reality/ virtual world shopping center that sells real world items from participating stores who have a virtual store in our space. It runs  across multiple platforms including phone apps (both using VR goggles and without) computer web browser based play, video game console (like XBox live). The user creates an avatar and will enter the mall in an mmorpg type platform, so they can interact with other players/shoppers.

vMall

My goal with this project was to create a design that fully passed accessibility without using a standard layout. Something both fully immersive and fully responsive. I created with apple's product pages in mind, where your scroll interacts with not only the background, but also the text content. It has turned into a perfect portfolio for showcasing the quality of my work to potential clients

johnwheeler

Alex Hartan

Grateful to have worked with the wonderful people at SelfPay.com, and for building a website that proudly represents the company, its values, and the impact they're making in the world.

Now it's time to celebrate! 🎉

selfpay-com

SelfPay

The spacey yet minimal website for our Seeker Chronicles project. A card game that makes science interesting and more tangible.

Made by www.lucaspilzen.com

Seeker Chronicles V 1.0

Seeker Chronicles

Artehos Concepts

Quay House a dynamic website aiming to draw the user into the world of Quay House, a new high-end restaurant that opened in Singapore in 2022.

Discover immersive websites built by the Webflow community

Discover immersive websites built by the Webflow community