Seamless: Web3 Banking Landing

Seamless is a two-section landing for a fictional crypto bank. The hero splits into two rounded panes, with the headline and call to action on the left and a Visa card that rotates once over a mountain video on the right. The second section holds three feature cards, each carrying its own artwork - a key on a machined plate, a globe with a dot travelling an arc between two labels, and a card orbited by a glass badge. Both sections sit on a fixed 1685x1073 artboard that scales to fill whatever viewport it gets, so the desktop layout is pixel-identical at any size. One wheel gesture plays the swap between them: the hero lifts and fades over 800ms while the nav pills slide to centre, then ten separate properties bring the feature cards in over the next 2.6 seconds.

  • javascript
  • css
  • svg

More projects

Get in touch

From idea to production across design, creative, and engineering. I ship end to end, and the vision stays company-first the whole way.

jeffkliu@gmail.com