They make excellent use of simple clicks to initiate brand messages and audible feedback. Crafted using simple, accessible technologies such as CSS3 and SVG.Ĭreazoni Lifestyles is a brand experience mixing beautiful animations with user-driven navigation to explore the product showcase. GSAP animation, snap.svg and visual storytelling come together to create an immersive retrospective of the Kennedy Space center.Ī Choose Your Own Adventure to explore a future mixed use development in Toronto, Ontario. Villes & Paysages is an international architecture and urban planning agency that uses gestures and an interactive "map" to explore their various projects. Take a walk through New York’s iconic holiday window tradition, exploring 18 different stores and their magical displays via a fun 360 parallax effect. Tune into live radio around the world by rotating the globe.
The Eyezen Challenge is an immersive gaming experience that allows you to face the Fanatic eSports star Martin “Rekkles” Larsson, using only your eyes! The site features an interactive map where we are all connected to each other.
Musical artist Residente to document his travels around the world. This fun HTML5 game displays shots from retro movies and challenges you to type the actor’s name as fast as you can to get a high score.Ĭavalier is an exceptional experiment in WebGL and SVG to create fully immersive, 3D, browser-based games. Users can choose their own adventure as they take in the sights and sounds of a cruise vacation. Panera’s bright brand experience takes the visitor through three intricately modeled and animated foodscapes while cleaning up the world by banishing the pesky No-Nos.Ĭobay.es offers the opportunity to form your own opinion about animal testing through an interactive experience involving mostly on choice and scroll.Ĭarnival’s Instant Caribbean Vacation is an interactive, 360 video experience.
#Design 360 campaign example full
Here are some examples of websites where user-centered navigation, sound and animation come together to create truly interactive experiences to inspire you to try something new in your next project.ĭiscover beautiful Humboldt California uses whimsical navigation to help visitors explore and pin locations displayed in full screen video to create a custom vacation itinerary. Today, immersive interaction can be found at the core of almost all amazing websites thanks to advances in WebGL and Javascript.
When Flash began to die off, there was a period of time when the joy and immersion it offered became rarer, interactive magic limited to AAA websites promoting games or movies. Remember the joy and wonder of stumbling across a rich web experience built in Flash? There was sound and movement and hidden ways you could interact with the scene to unravel a mystery or just have fun with the site’s interface. Put simply, interactivity is creating a user experience where the visitor is placed at the center.
#Design 360 campaign example series
Interaction can be as simple as a series of clicks that navigate us through a story or landscape, or as complex as moving through a 3D environment to discover hidden content or reach goals to move to the next step. All websites are somewhat interactive…we click on links or scroll a page, but truly interactive websites take us on a user-driven adventure or draws us in through motion and sound while giving us the power of choice.
0 kommentar(er)
