18 comments

  • Benjamin De Cock, 6 years ago

    Thanks guys, glad you like it! In hindsight, I don't think I've ever had so much fun designing and developing a page :)

    16 points
  • Lucas ColussoLucas Colusso, 6 years ago

    I'd make it a bit slower. But it's a fantastic work. Congratulations.

    3 points
  • Andrew Michael ToddAndrew Michael Todd, 6 years ago (edited 6 years ago )

    Why isn't there a small screen friendly version like the Stripe home page?

    2 points
  • Vincent Le MoignVincent Le Moign, 6 years ago (edited 6 years ago )

    Benjamin said he coded by hand the animation. But he used Animate A tiny library that helps write smooth CSS-powered animations in JavaScript

    2 points
    • Craig LockwoodCraig Lockwood, 6 years ago

      Out of curiosity, what is it that this library does to improve performance over just doing the animations in CSS? It looks like it's just applying the CSS animations inline?

      0 points
      • Benjamin De Cock, 6 years ago

        Aside from forcing you to animate exclusively opacity and transform (which is the only way to produce smooth animations), the library is basically just syntactic sugar. This "sugar" makes a big difference when you've lots of animations though. This small example would have to be written like this without the lib. I honestly can't imagine crafting hundreds of animations like this :)

        1 point
  • Ariel VerberAriel Verber, 6 years ago

    stripe's walkthrough landing pages are always brilliant. no need to focus on scrolling, they show you just what their product is all about and how to use it

    2 points
  • Jeff EverestJeff Everest, 6 years ago

    How is that animation created? Looks fantastic.

    1 point
  • Edvinas A., 6 years ago (edited 6 years ago )

    This place is a bit confusing: https://dl.dropboxusercontent.com/spa/zfzkcxbd46m4ot2/mhiu_mmv.png

    Seems like there's two actions (one primary one secondary). Maybe moving arrow icon after the text (or dropping completely) would solve this :)

    Dn doesn't inline my image. Try this: https://dl.dropboxusercontent.com/spa/zfzkcxbd46m4ot2/mhiu_mmv.png

    0 points
  • Andreas HAndreas H, 6 years ago

    Are there any screencapture apps (like Ember, Pixa, Inboard, Sparbox) that is able to capture a page (incl it's animations) like this?

    I like to keep design gems like this for later inspiration, and unfortunately some of these sites either change their design, og go offline after some time. The only thing I got working is http://www.sitesucker.us/mac/mac.html , but I would rather keep it in an app like Ember or similar.

    0 points
  • James Young, 6 years ago

    Perhaps a little fast to catch first time around but beautifully done and smooooooth.

    0 points
  • Andrew Richardson, 6 years ago

    0.0 these animations. Incredible.

    0 points
  • Roy BarberRoy Barber, 6 years ago

    Loving the animation on this new page by Stripe

    0 points