28 comments

  • Roel van HintumRoel van Hintum, 7 years ago

    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.

    12 points
    • Jonathan LevyJonathan Levy, 7 years ago

      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 ')

      1 point
    • Sven LoskillSven Loskill, 7 years ago (edited 7 years ago )

      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).

      4 points
    • payzant morrowpayzant morrow, 7 years ago

      Name of the song that plays?

      0 points
    • Account deleted 7 years ago

      Awesome work. I love seeing and playing with immersive sites like this!

      I have a couple questions for you:

      1. How long did it take to create this? Comps, design, dev... all in... seems like a pretty significant undertaking.

      2. 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.

      0 points
      • Roel van HintumRoel van Hintum, 7 years ago

        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).

        2 points
    • Manlo NgaiManlo Ngai, 7 years ago

      Good stuff, really enjoy the site. The sign up form is also well-designed, all fit within that small space yet not clutter. Hi Roel, I wonder what are the code that you developed with? Javascript? I want to see I can do a similar site using Webflow, Adobe Edge or Muse?

      0 points
      • Roel van HintumRoel van Hintum, 7 years ago

        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.

        0 points
  • Daniel De LaneyDaniel De Laney, 7 years ago

    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.

    4 points
    • Austin Knight, 7 years ago

      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.

      0 points
  • Jesse C.Jesse C., 7 years ago

    One of the extremely few times I've actually liked the use of sound on a website.

    2 points
  • Nico MizonoNico Mizono, 7 years ago

    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.

    1 point
  • Cody IddingsCody Iddings, 7 years ago

    This is really sweet! I love the sound interactions.

    1 point
  • Account deleted 7 years ago

    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?

    1 point
    • Roel van HintumRoel van Hintum, 7 years ago

      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.

      1 point
  • Atilla TaskiranAtilla Taskiran, 7 years ago

    Love the blending of the sounds, so smoothly! I enjoyed it. Thanks for this.

    1 point
  • Francine Jones, almost 7 years ago

    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)

    0 points
  • Austin Knight, 7 years ago

    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).

    0 points
  • Ron Burgandy, 7 years ago

    Opened on mobile but site was incredibly slow so I quit in frustration. Looked really neat from what I could tell on initial load!

    0 points
  • Ryan RocheRyan Roche, 7 years ago

    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.

    0 points
  • Michael Thompson, 7 years ago

    Excellent job.

    0 points
  • Cody IddingsCody Iddings, 7 years ago

    Also being from Hawaii, "SURFING IN HAWAII" isn't really a destination or a thing... May I suggest Exploring the Napali Coast instead?

    0 points
  • Alex TalmonAlex Talmon, 7 years ago

    Very nice! Love the vibe!

    0 points