I became obsessed with generous white space after reading too many design blogs. Every section got 120px of padding. Every heading got 80px of margin. The homepage became 8,000 pixels tall with only 400 words of content.
Users had to scroll through five full screens to reach the course catalog. The pricing section sat at 6,400 pixels down. Conversion rates dropped 52% because people gave up before finding what they needed.
Scroll depth analytics showed the problem
Only 18% of visitors scrolled past 3,000 pixels. The call-to-action button I placed at 5,800 pixels down received 94% fewer clicks than the previous design where it sat at 1,200 pixels.
I had created a beautiful, spacious design that required users to work too hard to find basic information. The white space I was so proud of was just empty space that separated users from their goals.
Tightening spacing doubled conversions
Reducing padding to 60px and margins to 40px cut page height in half. The course catalog moved from screen five to screen two. Conversion rates recovered and exceeded the original baseline by 23%.
White space should create breathing room and visual hierarchy, not force users into marathon scrolling sessions. If your homepage is taller than 4,000 pixels, you're designing for awards, not outcomes.