3 ms·

Huge fan of his style and dedication to detail. His early work on those Stripe landing pages, like Checkout, was ahead of the time. You can see his latest work

by gfat 4y ago

Huge fan of his style and dedication to detail. His early work on those Stripe landing pages, like Checkout, was ahead of the time. You can see his latest work at https://increase.com https://increase.com, another finance API.

uxcolumbo 4y ago
> His early work on those Stripe landing pages, like Checkout, was ahead of the time. In what way? Is there an example of this? > You can see his latest work at https://increase.com https://increase.com, another finance API. Interesting how they achieved the three gradient blocks with the angled corners. And the mockup of the app isn't an image - it's actually done in HTML.
- okokwhatever 4y ago
  Interesting. Worthless for the value proposition but visually interesting, to be honest.
- gfat 4y ago
  > In what way? Is there an example of this? https://web.archive.org/web/20160301000015/https://stripe.com/checkout https://web.archive.org/web/20160301000015/https://stripe.co... Most hero sections in mid-2010s did not use CSS and JS animations to this extent. Video playback with an overlay gradient was one technique to animate a hero, but that's not the same level of quality and craft as moving DOM elements. IIRC BDC made these in vanilla (according to some design podcasts). The Bitcoin page is another example of meticulous design work, remaking Vim in HTML here is crazy. https://web.archive.org/web/20160301000200/https://stripe.com/bitcoin https://web.archive.org/web/20160301000200/https://stripe.co... Their open-source page too. They go the extra mile here with JS game of life. https://web.archive.org/web/20160301000519/https://stripe.com/open-source https://web.archive.org/web/20160301000519/https://stripe.co... Animations are more prevalent today (see pages like https://linear.app https://linear.app), but these Stripe pages were shipped years ago and they still hold up.
WhiteBlueSkies 4y ago
Newbie challenges on frontendmentors are better designed than this.

by gfat 4y ago

uxcolumbo 4y ago

> His early work on those Stripe landing pages, like Checkout, was ahead of the time. In what way? Is there an example of this? > You can see his latest work at https://increase.com https://increase.com, another finance API. Interesting how they achieved the three gradient blocks with the angled corners. And the mockup of the app isn't an image - it's actually done in HTML.

okokwhatever 4y ago
Interesting. Worthless for the value proposition but visually interesting, to be honest.
gfat 4y ago
> In what way? Is there an example of this? https://web.archive.org/web/20160301000015/https://stripe.com/checkout https://web.archive.org/web/20160301000015/https://stripe.co... Most hero sections in mid-2010s did not use CSS and JS animations to this extent. Video playback with an overlay gradient was one technique to animate a hero, but that's not the same level of quality and craft as moving DOM elements. IIRC BDC made these in vanilla (according to some design podcasts). The Bitcoin page is another example of meticulous design work, remaking Vim in HTML here is crazy. https://web.archive.org/web/20160301000200/https://stripe.com/bitcoin https://web.archive.org/web/20160301000200/https://stripe.co... Their open-source page too. They go the extra mile here with JS game of life. https://web.archive.org/web/20160301000519/https://stripe.com/open-source https://web.archive.org/web/20160301000519/https://stripe.co... Animations are more prevalent today (see pages like https://linear.app https://linear.app), but these Stripe pages were shipped years ago and they still hold up.

WhiteBlueSkies 4y ago

Newbie challenges on frontendmentors are better designed than this.