←All work

Garage 46

A Winnipeg auto shop that finally looks as serious as its work.

Client

Garage 46

Industry

Automotive

Year

2025 · Winnipeg, Canada

Services

  • Brand Direction
  • Web Design
  • Motion & Interaction
  • React Development
  • Booking Flow
Garage 46 homepage in a floating browser window

[ Overview ]

Garage 46 does honest repair, serious performance builds, and sells pre-owned vehicles it would put its own name on. Their old web presence was a phone number. We built a site that carries the shop's attitude: every car leaves better than it arrived, or it does not leave.

[ By the numbers ]

7

Pages, all animated

3

Service lines: repair, builds, sales

1

Business-day reply promise

46

Matheson Parkway, Winnipeg

01

The challenge

Auto shops compete on trust. Customers want to know the work is documented, the quote will not surprise them, and the people are real. None of that came through in a listing and a phone number.

Garage 46 also wanted the performance side to feel premium without alienating the daily-driver customer who just needs brakes.

Garage 46 about page

02

The approach

Asphalt black, a single red, and a tachometer motif that runs through the whole site. The homepage opens on a moving car and a promise, then splits cleanly into the three service lines so nobody has to hunt.

Trust signals sit right under the headline: all makes and models, every job documented, one business-day reply, no-surprise quotes.

Garage 46 services page

03

The build

A seven-page React site with GSAP and Lenis for scroll-driven motion, a booking flow that lands directly with the shop, and a builds gallery that the team can grow as projects roll out of the bay.

Everything was tuned for phones first, because that is where a customer with a warning light is standing.

Garage 46 performance builds page
Garage 46 site on a shop-floor monitor

On the shop floor

The site lives where the work happens. A short film of the monitor in the bay, red Z on the lift behind it, became the anchor of the launch.

[ Screens ]

Garage 46, page by page

Garage 46 homepage hero
01. Garage 46 homepage hero
Garage 46 services page
02. Garage 46 services page
Garage 46 performance builds page
03. Garage 46 performance builds page
Garage 46 about page
04. Garage 46 about page
Garage 46 on a tablet flat-lay
05. Garage 46 on a tablet flat-lay
Garage 46 on a laptop screen edge
06. Garage 46 on a laptop screen edge

[ Outcome ]

What changed

  1. 01

    Repair, builds, and sales each have a clear entry point instead of one phone line.

  2. 02

    Booking requests arrive with the details the shop needs to quote.

  3. 03

    The performance side finally reads as premium as the work in the bay.

Stack

  • React
  • JavaScript
  • GSAP
  • Lenis
  • Vercel

Deliverables

  • Brand direction
  • Seven-page website
  • Motion system
  • Booking flow
  • Builds showcase
  • Launch film
It looks like the shop we always were. Customers say they found us because the site felt legit.
Garage 46Owner

[ Next project ]

Keep exploring

ITF Infrastructure

We don’t just build structures. We engineer certainty.

Open case study→
ITF homepage hero over a steel-framed industrial building

[ Your turn ]

Want results like these?