Designing a Landing Page In 30 Minutes For $10k

Could you do it?

Published on

Around 7 minutes to read

This week, I competed in the Relume Rumble for the Relume Design League, a competition to design a landing page live against another designer in just 30 minutes. They say it’s “where web design meets esports.” The winner of the entire bracket earns a cool $10k.

I fancy myself to be a fast designer. I can pinpoint specific times in my career when I’ve gotten markedly faster. I remember when I thought it took about a week to design a solid landing page (2007). I remember when I discovered that I could design a solid landing page in about a day (July 23, 2009). On SuperFriendly projects, I routinely practiced designing pages in a few hours to get stuff out quickly for my teams and clients (2014-ish).

But just 30 minutes? Could I do it? Could you design a landing page in 30 minutes? My gut reaction was that I thought it’d be tough but doable.

Then I watched the previous matches.

Most people had trouble finishing the page. These are award-winning designers whose work I’ve admired. Still, my experience and ego said I’d succeed if I could curb the biggest scourge for designers: decision-making.

So I practiced, using the files from previous matches that Relume made available in the Figma community. I practiced 5 times. I only finished the page once, and barely at that. Uh-oh.

I decided I needed more than an approach. I needed a plan. So I wrote one down, 16 steps in particular. I made it a cheat sheet that I printed out to adhere to during the match.

How’d my plan work? ✨🌟⭐️🥇🏆 I won! 🏆 ⭐️🌟✨

See for yourself by watching the match replay:

If you’re interested in my strategy, here’s my cheat sheet, and I’ll break down each phase and step below.

My 16-step cheat sheet for the Relume Rumble

Overall

I came up with a few guiding principles that informed these steps:

Prep (2:15pm – 2:30pm)

A running Figma file of components I’ve found over the years and like
Some graphics I could use to troll Tommy

v1 - 5 min (3:20pm - 3:25pm)

v2 - 5 min (3:25pm - 3:30pm)

v3 - 5 min (3:30pm - 3:35pm)

Break (3:35pm–3:40pm)

There’s a break halfway through to rest and reflect. I still can’t tell if the break was helpful or not.

v4 - 10 min (3:40pm–3:50pm)

Go fast! With half the time gone, my strategy was to move fast. Nuff said.

Final cleanup - 5 min (3:50pm–3:55pm)

My plan was to try and finish with 5 minutes left, and then do some final polish. Ha! Instead, it was more like the final decisions of which corners to cut to get done.

And that was it! There’s a bunch of stuff in my design that I was definitely not happy with, and a few things that I was. Also, there are a handful of things in Tommy’s design that were really smart that I wish I had done in hindsight, like a interesting shape behind the quote, simple treatments on boxes to make them look more polished, and more. Check out both of our finished files if you wanna play around with them.

Despite any regrets and shoulda-woulda-coulda’s, I apparently did enough to impress the audience and the judges to eek out a win! Next week, I advance to the semi-finals, where I take on the formidable Grace Walker! I have my work cut out for me again. I’m spending next week devising a new strategy for my match with her.

How would you have approached this challenge? Similar to my plan? Something totally different? Reply and let me know.

Read Next

Choosing Between Two Good Options

Join 60,200+ subscribers to the weekly Dan Mall Teaches newsletter. I promise to keep my communication light and valuable!