My Booking Page Made People Scroll To Book

By Junaid Ahmed

---

I look at my booking page on a big monitor. My guests mostly don't.

On a normal laptop screen, here's what a guest actually saw: the show name, the title, a line of details, and a calendar. To find out whether a Thursday had any times, they scrolled. To press the button that books the interview, they scrolled again.

The Continue button and the calendar it depends on were never on screen together.

The number

I stopped guessing and measured it. At 1280 by 720, an ordinary laptop, the page rendered 1000 pixels tall. That's 280 pixels of booking flow hanging below the fold.

Not a rounding error. Nearly a third of the page.

Where it went

The biggest culprit was the calendar squares. They were set to be perfectly square, which sounds harmless until you realize "square" means "as tall as it is wide", so on a wide screen they just kept growing. Six rows of dates were eating 284 pixels on their own.

They're a fixed height now, and smaller on desktop than on phones. That distinction turned out to matter. On a phone you're tapping with a thumb, and a too-small target is a missed date. On a laptop you're using a cursor, which is precise. So the squares shrink on desktop and stay full size on mobile.

The rest was ordinary tightening, the legend and the "open through" line now share a row instead of stacking, and the padding came in everywhere.

The line I cut

There was a sentence under the heading: "Choose a time that works best for your podcast interview."

I removed it. Directly above it, the page already says your show name and who's hosting. Directly below it, it says Podcast Interview, 45-minute session, instant confirmation. The sentence was the third time in four inches that the page explained itself.

Cutting it is what let the date squares stay comfortable instead of cramped. I'd tried the cramped version, the little green "available" dot ended up touching the date number. That looks like a bug even when it isn't.

The sentence still exists where it does real work: in the preview text when someone shares your booking link.

Where it landed

701 pixels. The calendar, the times, the date you picked, and the Continue button, all on one screen, no scrolling.

Nothing changed about how availability works. Same times, same rules, same timezone handling. It's the same booking page. It just stopped asking your guest to go looking for the button.

Your booking page is often the first thing a guest sees from you. It should feel like you have your act together.

---