▢  our-work

The Cambie Bar

SEO
Web Development
Website Management
www.cambiepubs.com
Apps used
Facebook
Google Analytics
Google Tag Manager
Instagram
Finsweet
Webflow
Features
404 page
Collections
Components
CSS Grid
Custom code
Forms
Interactions
Responsive design
Responsive navigation
Responsive slider
Symbols
Web fonts
SHARE
Twitter / XFacebookPinterestRedditTelegramLinkedin

Redeveloping the Website for Vancouver’s Oldest Pub

The Cambie Bar is a Vancouver icon, the city’s oldest still-operating pub since 1897. Known for its lively atmosphere, great drinks, and the hostel upstairs, The Cambie attracts both locals and travelers looking for affordable food, strong drinks, and good company.

Their team already had a Webflow website in place, and while they liked the design, the underlying structure had become slow, difficult to manage, and not optimized for long-term growth. They asked us to fully redevelop the site in Webflow to improve speed, SEO, maintainability, and overall user experience.

Understanding the Challenge

The previous version of the website had a good visual foundation, but several technical issues were holding it back:

  • Slow loading times
  • Cluttered class structure that made updates difficult
  • Outdated backend organization
  • Inefficient or broken interactions
  • Poor SEO structure
  • Unscalable CMS setup
  • No centralized event management system

The Cambie Bar also runs frequent events, weekly specials, and nightlife promotions, all of which needed a more reliable, easy-to-update solution.

Our goal was to rebuild their website without changing the visual direction, but instead making the website faster, cleaner, more stable, and easier to manage.

Full Webflow Redevelopment for Speed & Stability

We rebuilt the website with a strong focus on performance, structure, and long-term scalability.

This included:

  • A cleaner, maintainable class system
  • Simplified layout structure
  • Optimized assets and scripts
  • Faster load times and smoother interactions
  • Responsive improvements across all breakpoints
  • Semantic HTML and improved SEO foundation
  • Rebuilt components for easier future edits

The final result is a site that feels the same visually, but performs dramatically better under the hood.

Custom CMS-Powered Events Calendar

One of the biggest new features was a fully custom-coded events calendar, built to handle multiple event collections.

The Cambie Bar hosts:

  • Weekly events
  • Special occasion nights
  • Seasonal parties
  • One-off promotions

We created a calendar system that:

  • Pulls event data directly from Webflow CMS
  • Combines multiple collections seamlessly
  • Adapts automatically to new entries
  • Displays events in a clear, responsive layout
  • Works flawlessly on mobile
  • Can be updated by staff with zero technical knowledge

This gave the team a centralized, automated way to promote everything happening at The Cambie.

A Better Menu Experience

The old menu was difficult to update and not fully responsive.

We redesigned the menu structure to be:

  • Easier for the team to edit
  • Fully CMS-controlled
  • Optimized for mobile viewing
  • Clean, readable, and quick to navigate
  • Organized by categories for better UX

This made maintaining food and drink menus far easier for staff.

Marketing Integrations & Ongoing Management

To support their marketing efforts, we integrated:

  • Mailchimp subscription system
  • Clean forms for ongoing list building
  • Tracking setup for analytics

After the rebuild, The Cambie Bar continued working with us for ongoing management, allowing them to:

  • Add new events
  • Adjust menus
  • Update seasonal promos
  • Maintain website performance
  • Keep SEO strong and current

The Outcome

The Cambie Bar now has:

  • A fast, modern, stable Webflow site
  • A custom responsive events calendar pulling from CMS
  • A redesigned, easy-to-update menu
  • Better SEO and technical structure
  • Clean code for long-term maintainability
  • A professional setup that supports their nightlife and hospitality operations

The website now reflects the heritage of Vancouver’s oldest pub, but delivers a digital experience built for modern expectations.

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

Take Out Shack

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

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

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.