why build a fake product page?
i wanted to see if i could build a landing page that felt real. not a template, not a tutorial project, but something that could pass as an actual SaaS product. sieve is a fictional ai code review tool. the concept gave me room to work with scroll-driven storytelling, technical copywriting, and the kind of design details that separate a polished product page from a generic one. the goal was simple: if someone landed on this page without context, they should believe the product exists.
scroll as narrative
the page is built with next.js, tailwind, and gsap with scrolltrigger for the scroll animations. the core idea is that scrolling tells a story. you see the problem (engineers waste time on code review), then you see an unreviewed PR, then sieve appears and reviews it in real time as you scroll. every section is timed to the scroll position so the narrative unfolds at the reader's pace. the code diff section uses real syntax highlighting and animated inline comments that appear on scroll. the testimonial cards use different accent colors to break the visual rhythm. the logo ticker, the dot grid background on the CTA, the diamond-mesh logo icon -- all small details that add up to making it feel like a real product with a real brand.