TOR 6:08 PM Start a project
[ Case study · Business improvement area ]

What’s happening on Queen West.

The West Queen West BIA needed a mobile-first website that shows what’s on along the street right now. We designed and built the site and trained the team to run it.

See the site ↓Web design
  • What’s Happening
  • Directory
  • Events
  • Members forum
The West Queen West homepage on a phone: a street photo under the headline What’s Happening, with Upcoming, By Week and By Month tabs and category chips
Client
West Queen West BIA
Services provided
Industry
Public sector · BIA
Live
[ The brief ]

A guide for the
phone in your hand.

Queen Street West from Bathurst to Gladstone is one of Toronto’s most artistic neighbourhoods.

The site is built around a dynamic “What’s Happening” hub for live music, galleries, happy hours and brunch, made for people browsing on a phone.

The creative brief set out a mobile-first layout with swipeable categories and time filters, a business directory, events, gift cards and a members-only forum.

[ The live homepage · Hero to footer ]

The street,
right now.

The homepage opens on what’s coming up. Tabs switch between upcoming events and views by week or by month, and category chips narrow it to music, galleries, food and more.
Events
Upcoming · By week · By month
Directory
300+ businesses
  • What’s Happening: The street, right now
  • Time + category tabs: Upcoming · week · month
  • Event cards: A date badge on every photo
  • Features: Campaigns and highlights
  • Shop local: Independent businesses
Full-page homepage of westqueenwest.ca: a crowd on Queen Street under the headline What’s Happening, time tabs and category chips, event cards with date badges, a Features carousel and a Shop local carousel
The westqueenwest.ca homepage on a phone
[ Design ]

From brief
to screens.

Desktop and mobile designs from the project, made in Figma and reviewed with the BIA. Tap a screen to see it full size.

Desktop

Directory · listing · events · event details

Business directory design concept: keyword search, a category filter and listing cards beside a map of Queen Street West
Directory Search + filter
Store listing design: a business opens in a side panel with its photo, address, website and description, over the directory
Listing Opens in place
Events design: a month view of colourful event cards, each with the date, venue address and time
Events Month view
Event details design: an event opens in a pop-up with its photo, location, date and time, and a link to the venue
Event Opens in a pop-up

Mobile

Home · directory · events · menu

Mobile homepage design: What’s Happening over a street photo, with This Week, This Month and category tabs
Home Thumb-first
Mobile directory design concept: a map strip, a search box, a category drop-down and listing cards
Directory Search first
Mobile events design: Discover upcoming events, with a month switcher and stacked event cards
Events Swipe by month
Mobile menu design: large links to About, Business Directory, Events, Gift Cards, Blog and Contact, with the BIA’s contact details
Menu Always one tap
[ What we built · 06 ]

A custom WordPress
site the BIA runs.

A custom WordPress theme with everything a small BIA team needs to keep the street’s news current, without calling us for every change.

[ After launch ]

Ready for the
next campaign.

The same site carries the BIA’s seasonal campaigns without a rebuild.

For the BIA’s Global Game campaign, we added a campaign page and homepage tab, plus a Watch The Game category in the directory.

For HalloQueen, we made campaign swaps self-serve, with a short how-to video, so the BIA can switch campaigns itself.

Website maintenance →
[ More work ]

More website
work.

All our work →
Your neighbourhood

Got a street to show off?

We build websites for BIAs, communities and organizations that need their team to keep them current.

Start a project →Web design