Skip to content
Alex Monro

Tofino Time

Overview

A WordPress and WooCommerce site for a Tofino tour and workshop company. Visitors can browse tours and book workshops. Built with a custom theme as my capstone at BCIT's front-end development program.

Tech Stack

WordPressWooCommerce

Process

  • Ran the full agile workflow in a group setting, starting with a memo of understanding and a project management and communication plan.
  • Ran a content inventory and completed wireframes and prototyping in XD.
  • Built a custom WordPress theme from scratch.
  • Set up WooCommerce for tours and workshops, including pricing tiers, custom post types, and taxonomies.
  • Designed and integrated a custom Leaflet map. Used open-source tools to style it and design the pins. That was the most fun part of the build.
Custom Leaflet map with styled navy tiles and location pins for Tofino Time tours

What I Learned

  • Running a real agile workflow in a group meant the process held the project together as much as the code did. A memo of understanding at the start prevented scope drift later.
  • Building a custom WordPress theme from scratch forces you to understand how the template hierarchy actually works, not just how to configure a premade one.
  • WooCommerce handles commerce well but the real work is information architecture. Pricing tiers, custom post types, and taxonomies need to be right before any storefront logic makes sense.
  • A Leaflet map is as much a design problem as a technical one. Tile styling, pin design, and zoom behavior all affect whether it feels like part of the site or bolted on.