Screencaps of the FlatBoy Burger Website project.

FlatBoy Burgers Website

The website design for FlatBoy Burgers captures the bold, unapologetic personality of the brand and its celebration of classic smash burgers. Videography, photography, and subtle bouncing elements on the one-page site keep the experience energetic and buzzing, while maintaining clarity and directing attention to the details that matter most.

flatboyburgers.com

CLIENT: FLATBOY BURGERS
STUDIO: DOJO
ROLE: DESIGNER, DEVELOPER

Woman smiling in a wood-paneled room with framed photos on the wall, overlayed with graphics of a burger and fries, and text promoting a restaurant called Flat Boy Burgers.

HERO SECTION

A scrolling marquee provides instant updates on new locations without cluttering the screen. Background video handles the heavy lifting—establishing the brand’s atmosphere, food, and interior culture. To add a layer of play, interactive menu items cutouts break the standard grid.

A collage of four images: 1) a man with a beard and cap holding a burger at a restaurant, 2) close-up of a burger with lettuce, tomato, pickles, and beef patty on a red tray, 3) a man with a beard sitting at a table with a burger, smiling, and 4) an ornate hanging lamp fixture with a warm glow in a restaurant interior.

NAVIGATION

The navigation sits directly below the Hero to ensure it is visible upon entry. An text and image-card system enhances traditional navigation to maintain brand personality while providing clear visual cues for each section. Using anchor links eliminates load times, allowing for a natural, continuous scroll through the site.

Website homepage of FlatBoy Burgers, showcasing a large overlay image of a man with a beard and cap, a person with tattoos wearing a FlatBoy Burgers T-shirt, and a smiling employee behind the counter, with options for pickup locations in Edmonton and Beaumont

ORDERS

Rather than treating the order section as a static utility, a "DVD Screen Bouncer" cycles through a burger, fries, and pie upon hitting the screen edges, adding a sense of nostalgia. Content layering is used here to add visual depth and subtly highlight the latest merchandise.

  • Website homepage for FlatBoy Burgers featuring images of burgers, customers, and restaurant interior, with navigation options for menu, order, and locations.
  • A menu from FlatBoy Burgers featuring options for various fries, pies, milkshakes, and burgers, along with locations in Edmonton and Beaumont, Alberta, and contact information.