JJessa Wolfe (that’s me)
Jessa Wolfe
Dreamer
01 · The Descent
0 × 0
02 · Cover
0 × 0
03 · Role
0 × 0
Role
Design + build, solo
04 · Type
0 × 0
Type
Concept website
05 · Focus
0 × 0
Focus
Scroll storytelling
06 · Started
0 × 0
Started
Fall 2026
07 · The idea
0 × 0

The Descent is a concept site for an aquarium of the deep. I wanted the first few seconds to feel like the moment you lean over the edge of a boat and look down.

So the whole site is one long dive. You start on calm white. Scroll, and an octopus swims up to meet you. The name settles right on the water line, half above and half below, while a little ship drifts across the top. Keep going and it gets darker, deeper and stranger, all the way down to an anglerfish with its light on.

08 · Visit
0 × 0

Take the dive yourself.

The whole site is live. Scroll slowly.

Visit The Descent ↗
09 · Art direction
0 × 0

Most aquarium websites are built for kids. Bright primary colors, cartoon fish, bubbles everywhere, every section shouting for attention. They’re fun, but they all look the same, and none of them feel like the hushed, blue wonder of actually standing in front of a tank.

I wanted The Descent to feel like that moment instead. Engaging and interactive, so it still feels like play, but calm, clean and a little bit expensive. Think gallery, not theme park. Lots of white space, one confident typeface, a palette taken straight from the water, and the animals doing the talking.

Classy, not childish.No cartoons, no rainbow. Black type on white, then the deep blues of the sea.
Interactive, not busy.One thing moves at a time: the octopus, the water, the ship. You set the pace by scrolling.
Real animals as the art.Big, crisp creatures on clean backgrounds, like specimens in a museum.
10 · The dive
0 × 0

Everything here is the real site, recorded in the browser.

11 · Home
0 × 0

The octopus and the water line

The octopus is a film you scrub with your scroll, so you swim with it. Then THE DESCENT lands on the water, black above and white below, with the ship and a depth meter on the side.

12 · Down
0 × 0

Going under

The water rises, the page goes dark, and an anglerfish swims out of the black. It plays on its own when it fills the screen. Scroll while it swims and it speeds up.

13 · Exhibits
0 × 0

The exhibits

Two columns of cards drift past. Hover one and the big title turns into its story: a sonar sweep, the depth, a captain’s log and a few facts.

14 · Deeper
0 × 0

Philosophy, events, tickets

Calm white for the philosophy, glowing jellyfish behind the events, then white water floods back up for tickets, with the octopus resting at the bottom.

15 · The pages
0 × 0

16 · Plan visit
0 × 0

Plan your visit

A short film made of five people at the aquarium, each with one line: Say hello. Walk under sharks. Reach out. Then everything you need for the day.

17 · Tickets
0 × 0

Book your dive

Pick a day, a time and who’s coming, and the total adds up as you go. Times show how many spots are left.

18 · On a phone
0 × 0

On a phone

The dive works the same in your hand. The nav folds into a Menu button that opens a full screen navy menu.

The exhibits swipe sideways, and pressing and holding a card opens its story as a sheet from the bottom.

19 · How I built it
0 × 0

One page, one scroll.The home page is a single story driven by scroll position, so every section can hand off to the next instead of just stacking up.
The octopus is 361 frames.I cut the octopus out of a film, frame by frame, and draw it on a canvas so it follows your scroll without a background.
The water is drawn live.The waves, the ship and the specks in the water are code, so they move on their own and the ship rocks when you poke it.
The creatures and films.I made the exhibit animals and the visit film with AI image and video tools, using real photos as references, then cut each one out by hand.
Every link knows where to land.Nav links glide right to their part of the dive, and the logo takes you back to the name on the water.
20 · Tools
0 × 0

Designed and coded by me, with Claude in the loop. No templates, no page builder.

Claude CodeBuilding the site with me
HTML + CSSThe pages, the type, the water
JavaScriptThe scroll story, the octopus film, the waves and the ship
HiggsfieldThe creatures and the films
21 · North star
0 × 0

22 · Visit again
0 × 0

Take the dive yourself.

The whole site is live. Scroll slowly.

Visit The Descent ↗