Nice, you beat me to posting it. ;) I'm one of the developers on KLM iFly 50. If anyone has any questions, feel free to ask.
Really nice job mate ! Awesome execution though i'm still confused by the hold/press bar to see more interaction i find it not pretty straightforward :( (really subjective ')
Nicely executed GUI Layer on an Imgur-Post ;) Nothing wrong with that, btw. Fits the brand.
Edited for less snarkiness (it’s a very nice design and a well executed website).
Name of the song that plays?
It's specially composed by http://massivemusic.com/
Awesome work. I love seeing and playing with immersive sites like this!
I have a couple questions for you:
How long did it take to create this? Comps, design, dev... all in... seems like a pretty significant undertaking.
How many of you were on this project? When you were working on it, was it dedicated thing, or did you split your time on other client work as well?
Again... really nice work. I'm sure KLM is pumped with the result.
Thank you! It took about 3 and a half months to create. That is 2 full-time months of development with 2 to 3 guys (it depended on availability, so it changed from week to week).
We developed the js using Backbone/Marionette for view handling and application structure. For the animations we used TweenMax, which has nice event callbacks for animations and timelines of animations. I don't think you can build such a complex app on Webflow etc.
Thank you for the answer.
The best part is that when the tab loses focus, the sound stops playing.
It's great to see designers step outside of the page-level tunnel vision and pay attention to the broader experience.
Yeah I noticed this as well. Very nice touch. Kind of shows that with a few thoughtful tweaks, sound can actually become more of an enhancement than an annoyance on the web.
One of the extremely few times I've actually liked the use of sound on a website.
I agree, I thought the same thing.
Very nice! The 'holding the spacebar' part seems to be inspired by this site? http://www.because-recollection.com/
Also I wonder, what was the biggest technical challenge in this whole project?
We have seen that one of course, but inspired is a strong word. ;) The biggest challenge was the performance of the page to page transitions, there are a lot of moving parts in those. Also working with the limits on mobile devices is hard.
Awesome site. Makes me want to leave my desk and start traveling now! Loved the 360 video experience for Amersterdam, and some of the extra tidbits like the timelapse for SF fog.
Agreed. Unexpected level of content depth - loved it.
Love the blending of the sounds, so smoothly! I enjoyed it. Thanks for this.
This is really sweet! I love the sound interactions.
Also being from Hawaii, "SURFING IN HAWAII" isn't really a destination or a thing... May I suggest Exploring the Napali Coast instead?
Thanks, i will suggest that to the content department. ;)
Excellent desktop and mobile experience. I love the "hold down" interactive elements on mobile and the sound engineering on desktop. Very immersive experience with nice photography, great information, and scroll jacking done well (for once).
Well done! The site ran very smooth for me and I enjoyed reading into #43 :)
Would love knowing more into the design inspiration behind this site.
Very nice! Love the vibe!
Opened on mobile but site was incredibly slow so I quit in frustration. Looked really neat from what I could tell on initial load!
Hi I really like your site I'm wanting to learn more about the techniques used. Could you tell me more about how the single application page works and as what the term for the scrolling animation is (when the next background image moves upwards)