No-scroll portfolio website design

By @malik.url · Instagram

Source: https://www.instagram.com/reel/DcgRZvIM-LE/?igsi=MTM0aW9tenp5emd4dQ==

AI generated summary of the linked source. Posted anonymously. Transcripts are published only for public links, never for uploads, documents or pasted text.

Your library

The AI link is plain markdown. Paste it into any assistant and it can read the whole public entry.

Summary

Hookmoon, a design studio from Copenhagen, built a website with zero scrolling on desktop. Every page fits in exactly one viewport, and the homepage opens directly into their featured work as a three-column grid styled like Instagram stories. The result: you reach any project detail with almost no clicks.

Core ideas

One context card plus 6 ideas

No scroll at all: Every page on Hookmoon's site fits exactly one viewport. There is no scrolling anywhere on desktop, which forces ruthless prioritization of what appears on screen.
Work first, no preamble: The homepage opens straight into featured projects instead of a hero banner or intro copy. The portfolio is the landing page.
Story-style grid: The homepage uses a three-column layout where each column behaves like an Instagram story, so browsing projects feels like tapping through a feed.
Click-to-expand details: Clicking a project's about link triggers a split animation. The outer columns translate up while the description and details slide in from the bottom.
Condensed case studies: All projects and case studies live inside the homepage itself, so visitors control how much depth they see with almost no clicks between them and the work.
Density without scrolling: The site proves you can fit more information on a page through layering and transitions rather than a longer scroll.

Quotes

“This is what happens when a design studio removes scrolling from their website.”
@malik.url

“All the pages fit in exactly one viewport. There is no scrolling anywhere on desktop.”
@malik.url

“A three-column grid, each column feeling like an Instagram story.”
@malik.url

“This is how you fit in more information without the need to scroll.”
@malik.url

Resources

Links to the tools, products, repos or reading this entry mentions. Found by a web search of what the entry names, so you can go and use them.

Anyone can run this once. After that the links are saved on this entry and shown to everyone.

Remix this knowledge

Turn this entry into something you can post. Pick a format and get a fresh, original rewrite.

Remixes are AI generated, original wording, and free to reuse.

Talk it through

Open a round table on this entry and argue with other people about what it means.

Start a round table

Drop your own

Paste any video, podcast or audio link and get the transcript, the core ideas and the quotes back in one pass.

Try Drop