Make money online, without sounding like it.

Case study · 4 min read

Quiet in a loud category

Methods helps creators make money online and helps brands find them: brand deals, AI videos from an avatar, payment links. I designed the whole site.

Make-money-online pages shout. This one went the other way: one sky, one serif, one kind of button.

Here's how it arrives. The sky sharpens out of a 6px blur, the headline and the button rise 150ms apart, and the app tilts up into the clouds over 1.8 seconds.

One word does the work of six pages

The headline speaks to everyone by changing a single word: you, creators, brands, founders, agencies, builders, one every 2.5 seconds.

Here it is. The old word slides up and out, the new one drops in 400ms later, and "The New Way for" slides sideways to re-centre the line, all on the same curve.

It's set in Ivar, a serif, drawn as SVG with a gradient fill, a thin bright stroke and an inner shadow. The real heading sits underneath it for screen readers.

The sky is the background

There's no flat colour behind the hero. It's a sky with a navy wash over the top 40%, and the product floats in it.

The app starts tilted back 8° and flattens to 0° as you scroll. The clouds in front of it ripple slightly in WebGL, and the bottom cloud bank leans 12px towards your cursor.

The Methods dashboard floating on clouds

One button, made of glass

Every action is the same pill: a cyan-to-blue face, a darker rim, a soft white highlight on top and three inner shadows.

Here's the hover. It tilts towards your cursor and a sheen sweeps across in 500ms. Press it and it sinks to 94%, then springs back past full size when you let go.

Three cards, one rhythm

Each tool gets the same card: 16px corners, a 1px border, a serif title, one grey line, a picture and one button. The cards stay still; the pictures inside them move.

Here they are. The ring of creators turns, the phones float a few pixels, and "Send Link" becomes "Copied".

Proof that keeps moving

Testimonials are 9:16 videos in a marquee drifting at about 66px a second. Hover to pause it, or drag it and it coasts to a stop.

Each creator's earnings sit on the same glossy pill as the buttons, so money and action look like they're made of the same material.

A small first goal

The page ends on one line and one pill: make $40 with your first video. Not a career, a first step.

Get started with Methods. Make $40 your first video. Try For Free

Not everything has shipped. Sections for creators, brands and fees are built but still hidden. That's the next pass.

More from the work