Skip to content
Rob Boirun
LivePopNet MediaStarted

backyard.kitchen

The official reseller site for the Backyard Banger portable outdoor kitchen, with a homepage built like a phone launch.

Visit backyard.kitchen

The problem

A portable outdoor kitchen is hard to picture from a spec sheet; a buyer needs to see it go from a crate to a working bar. I structured the homepage like a phone launch, a cinematic product reveal in numbered chapters, so the scroll itself is the demo. An amber-on-black palette keeps the whole page in the evening, where the product gets used.

What I built

  • A night-patio hero with the YBI Shark Tank, 1st Place (2023) and official reseller badges
  • 11 numbered scroll chapters, starting with "It shows up crated, on a pallet." and moving through the unboxing and the teak wings unfolding
  • A chapter progress rail down the left edge
  • A sound toggle that starts off
  • An amber-on-black palette

Stack

The work

Homepage hero at night: a black outdoor kitchen cart with teak wings, a sink, an ice bowl of bottles and a platter of food on a patio under string lights, beside the headline The Best Backyard Kitchen Is Portable with Portable in large gold letters, YBI Shark Tank 1st Place (2023) and Official Reseller badges, and a Sound off toggle at top right.
The hero on a phone: badges, the headline with Portable in gold, a gold Buy the Banger button and the cart on the patio below.
On a phone.
  • Chapter 01 of 11: a cardboard crate printed Backyard Banger strapped to a pallet on a sidewalk, with the line It shows up crated, on a pallet. and a progress rail of eleven ticks on the left edge.
    Chapter 01 of 11.
  • Chapter 02 of 11 on a black stage: the unit out of its crate, packed down with a flat teak top and the wings folded against its sides, captioned Out of the crate it's packed down.
    Chapter 02, the unboxing.
  • Chapter 03 of 11: a man by a pool lifting one teak wing of the black cart by hand while two guests watch, captioned Flip the teak wings up by hand.
    Chapter 03, the wings unfold.
  • The scroll from the hero into the first section, headed Unbox it. Flip it up. Pour one., with the crate photo rising into view below it.

See all design work

More from PopNet Media

  • BoozeMakersA spirits magazine, "A Gentleman's Lifestyle": interviews, reviews and whiskey trail guides.
  • CrowdSurferA free browser music puzzle game: aim and throw songs at a grumpy crowd, flip every fan from scowling to cheering, then stage-dive to clear the set.
  • H2OInsiderA water filter review site with the tagline "Independent water answers. Tested, not sponsored."
Last updated