▢  our-work

Take Out Shack

SEO
Web Design
Web Development
Website Management
Graphic Design
www.takeoutshack.ca
Apps used
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Webflow
Features
3D Transforms
404 page
Collections
Components
CSS Grid
Custom code
Interactions
Responsive design
Responsive navigation
Symbols
Web fonts
SHARE
Twitter / XFacebookPinterestRedditTelegramLinkedin

A Bold Comic-Inspired Brand for Gastown’s New Smash Burger Spot

Take Out Shack is a new local eatery located in the heart of Gastown, serving fast, affordable, and ridiculously delicious lunchtime eats. Their menu focuses on smash burgers, creamy milkshakes, and fun comfort food, all wrapped in a vibrant, nostalgic comic-book atmosphere.

As a brand-new business with no previous website or online presence, they needed everything: a visual identity, a digital foundation, and a brand story that would stand out in Vancouver’s highly competitive food scene.

The owners envisioned something bold, playful, and memorable, a modern comic-inspired universe brought to life through characters, stories, and vibrant design. Our job was to build that world from the ground up.

Creating a Brand Universe From Scratch

This wasn’t just a logo project. It was the birth of a full brand identity shaped around fun and personality.

We created:

  • A bold modern logo
  • Two mascots: a burger superhero (Captain Sizzle) and a milkshake super-villain (Brain Freeze Bandit)
  • A unique visual system blending clean modern design with vintage comic textures
  • A cohesive brand voice that’s playful, fast-moving, and full of character
  • 4 original comic book stories starring the mascots, now used as wallpaper inside the venue.
    These short stories bring the brand to life, giving customers something to smile at whether they’re waiting for their burger or exploring the space. The comics also tie perfectly into Take Out Shack’s mission: to add fun, silliness, and a quick escape to everyone’s lunch break.

Designing a Website as Fun as the Brand

With the brand foundations in place, we designed and developed a website that feels just as bold and animated as the physical space.

The site includes:

  • Comic-style illustrations and panels
  • Bright colors and punchy typography
  • A bold layout that mirrors the in-store experience
  • Easy-to-scan menus and food categories
  • Smooth interactions that give the site personality
  • Responsive design optimized for mobile users on the go

Because the business was brand-new, SEO structure was especially important. We implemented a strong local SEO strategy to help Take Out Shack appear in searches for terms like Gastown lunch, Vancouver smash burgers, Vancouver milkshakes, and takeout near me. The site was built with semantic HTML, optimized metadata, clean URL structure, and fast-loading assets to support visibility from day one.

A Digital Launch Built for Growth

Since Take Out Shack had no prior digital footprint, we ensured everything was set up for a successful launch:

  • Strong SEO foundations
  • Clearly structured content for future updates
  • A visual design that sets them apart from local competitors
  • A brand universe customers instantly recognize and remember

The entire system, from the mascots to the comics to the website, was designed to scale easily as the business grows, whether they add new menu items, expand marketing efforts, or introduce more characters and stories.

The Outcome

Take Out Shack now has a fully realized identity that extends far beyond a standard restaurant brand. Their comic-inspired world gives them a personality customers instantly connect with, while the sleek, modern website makes it easy for locals and tourists to discover the brand, explore the menu, and choose Take Out Shack for their next lunch break.

With a bold logo, custom characters, illustrated stories, and a strong digital presence, the brand now stands out in the heart of Vancouver — offering not just great food, but a fun, memorable experience.

Martin is an awesome graphic & web designer
Really enjoyed working with him for the launch of our cocktail website. Not only he coded the website but he also took care of the photography and videography! He is super receptive with feedback and easy to work with. Totally recommend!
SHARE
Twitter / XFacebookPinterestRedditTelegramLinkedin
Webflow
OUR PROJECTS

More from our workshop

Malone's Taphouse

SEO
Web Design
Web Development
Website Management
Facebook
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Tock
Webflow

Summer Latin Cruises

SEO
Web Design
Web Development
Website Management
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Ticket Tailor
Webflow
Zapier

Vancouver Latin Fever

SEO
Web Design
Web Development
Website Management
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Ticket Tailor
Webflow
Zapier
LottieFiles

Hannah Florman

SEO
Web Development
Website Management
Finsweet
Webflow

Cask & Keg

SEO
Web Design
Web Development
Website Management
Figma
Finsweet
Google Analytics
Google Tag Manager
MailChimp
Webflow

Mango's Kitchen Bar

SEO
Web Design
Web Development
Website Management
Facebook
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Ticket Tailor
Webflow
Zapier

New Beginnings Community Church

SEO
Web Development
Website Management
Facebook
Figma
Finsweet
Google Analytics
Google Tag Manager
Instagram
MailChimp
Webflow
Zapier

Lucky's Liquor Store

SEO
Web Design
Web Development
Website Management
Figma
Finsweet
Google Analytics
Google Tag Manager
MailChimp
Webflow

Lasocare (Medistellar)

SEO
Web Design
Web Development
Figma
Webflow

Intertie

Graphic Design
Adobe After Effects
Figma
LottieFiles

CPC Advisors

SEO
Web Design
Web Development
Figma
Webflow

The Cambie Malones Group

SEO
Web Design
Web Development
Website Management
Adobe XD
Google Analytics
Google Tag Manager
Webflow

The Cambie Hostels

SEO
Web Design
Web Development
Website Management
Facebook
Figma
Google Analytics
Google Tag Manager
Instagram
Cloudbeds
Webflow

Predny SLM

Web Design
Graphic Design
Figma
Adobe Photoshop

The Cambie Bar

SEO
Web Development
Website Management
Facebook
Google Analytics
Google Tag Manager
Instagram
Finsweet
Webflow

Umbre Window Blinds

SEO
Web Design
Web Development
Website Management
Adobe XD
Webflow

Our 3-step
creation process

STEP 1

The Deep Dive
We start by getting to know you, your business, and the universe you operate in. This is where we uncover what’s working, what isn’t, and what you and your team dream of.
Web design software interface displaying a website preview titled 'Exploring the You-niverse' with a Learn More button and descriptive text below.

STEP 2

The Masterplan
Then we design a solution and build a budget that matches reality. This is where concepts evolve into blueprints and your project starts looking like something you’ll want to show off.
Digital interface showing a website draft for Mangos Kitchen Bar with menu sections and workflow diagrams, overlaid with Mailchimp, Zapier, Instagram, and another app icons.

STEP 3

Developing stuff
After the design process is completed, we start the development. During this stage, we test the solution, make any required changes, and make sure that it is working correctly.
Web design interface showing a webpage with the headline 'Everyone matters to God. Everyone matters to us.', a button labeled 'ABOUT US,' and a footer text 'You're invited!'.

Get in touch

Want to get started on a project, or just need some brainstorming? Let us know.