• 100
  • 99
  • 98
  • 97
  • 96
  • 95
  • 94
  • 93
  • 92
  • 91
  • 90
  • 89
  • 88
  • 87
  • 86
  • 85
  • 84
  • 83
  • 82
  • 81
  • 80
  • 79
  • 78
  • 77
  • 76
  • 75
  • 74
  • 73
  • 72
  • 71
  • 70
  • 69
  • 68
  • 67
  • 66
  • 65
  • 64
  • 63
  • 62
  • 61
  • 60
  • 59
  • 58
  • 57
  • 56
  • 55
  • 54
  • 53
  • 52
  • 51
  • 50
  • 49
  • 48
  • 47
  • 46
  • 45
  • 44
  • 43
  • 42
  • 41
  • 40
  • 39
  • 38
  • 37
  • 36
  • 35
  • 34
  • 33
  • 32
  • 31
  • 30
  • 29
  • 28
  • 27
  • 26
  • 25
  • 24
  • 23
  • 22
  • 21
  • 20
  • 19
  • 18
  • 17
  • 16
  • 15
  • 14
  • 13
  • 12
  • 11
  • 10
  • 09
  • 08
  • 07
  • 06
  • 05
  • 04
  • 03
  • 02
  • 01
  • 00
...
Services

Creative Dev

Selected Projects
Technology

React

Prismic

GSAP

WebGL

Awards / Features

Awwwards

The FWA

CSSDA

Creative Dev

React

Prismic

GSAP

WebGL

20
CUSP Site

Web presence for a Canadian digital design studio

Design: CUSP
View live: heycusp.com

CUSP is a spread-out craft team that builds digital work for current companies. Even a good cobbler needs a pair that fits — this site is that pair.

The
shoemaker’s
child
has
no
shoes:
a
website
for
the
digital
design
studio

CUSP designs for everyone from global brands to two-person shops. They wanted a site that felt like the team: playful, a little experimental, and worth poking at.

The community took it in — awards followed, plus write-ups on Mindsparkle Mag, Greensock, Commarts and Codrops as a reference, not just a launch post.

CSS and JS alone were not enough. React plus PixiJS and three.js on the front, Prismic on the back. GLSL shaders push the heavy math to the GPU so several animations can run at once without the fan screaming.

The
overall
aesthetic
is
minimal
and
bold,
which
pairs
really
well
with
the
interactivity
of
the
elements.

We tried a pile of motion references. None of them felt like this studio, so most of the animation and interaction was written here, not copied from a Dribbble board.

Keeping that motion at 60 fps on an old laptop or a phone was the real fight. Shaders moved work to the GPU; then we cut dead code until the look stayed and the frame rate held.

The page count is small, so we spent the hours on how navigation feels. Pacing got a long pass: quick to the tap, never frantic.

Infinite scroll is in the main nav on purpose. Cases can flip between a slow, one-project stage and a fast index if you just want to scan.

Awards

AWWWARDS

  • Site of the Day
  • Developer Award
  • Mobile excellence

The FWA

  • FWA of the Day

CSS DESIGN AWARDS

  • Website of the Day
  • Studio Site of the Year 2020
t
o
:
s
a
l
t
a
n
d
p
e
p
p
e
r
H
i
m
y
n
a
m
e
i
s