Instagram · 27 Aug 2026
View the original on instagram.comTopicNo-scroll portfolio website design
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.
Share
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
- 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.”
“All the pages fit in exactly one viewport. There is no scrolling anywhere on desktop.”
“A three-column grid, each column feeling like an Instagram story.”
“This is how you fit in more information without the need to scroll.”
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 tableDrop 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