Services Industries Locations Case Studies Blog About Contact Book a Call
49°N 123°W
Vancouver · BC
● TAKING ON 2 BUILDS
Home / Services / Website Design
Vancouver Web Design Studio · Editorial. Custom. Hand-built.

Website design that wins on taste.

We design and ship custom websites for Vancouver brands that demand more than a template. Editorial typography, hand-coded interactions, motion that earns its place. Engineered to convert, and yes, to rank.

studio.the66th.com / preview
Wireframe
A site that earns the click.
Custom websites for Vancouver brands. Editorial design, hand-built code, motion that earns its place.
Trusted by 30+ brands · ★ 5.0
Start a project
— The thesis

Most studios mistake a template for a website. We build the kind of site that puts the brand three years ahead of where it is today, and quietly happens to outrank the agencies stuck in 2019.

— The process

Three phases. One website that lasts.

Most studios start with a template and decorate it. We start with the brand, draw the lines from scratch, and ship a site you would not be embarrassed to point at five years from now.

01 / 03

Understand the brand, then draw the line.

Before a single Figma frame, we audit the brand: who it is for, who it competes against, what it sounds like, and what makes it look unmistakable on a page. The brief is not a deck of buzzwords. It is the short list of design decisions everything else hangs from.

Brand Audit Buyer Mapping Voice & Tone Reference Reel Sitemap
brief / yourbrand.fig
Drafting
VoiceConfident, never loud. Editorial.
AudienceFounders, creative directors, design buyers.
ReferencesBureau Borsche · Linear · Apple · MSCHF
DifferentiatorBuilt by hand. No themes. No drag-and-drop.
SitemapHome · Work · Studio · Journal · Contact
Star momentHero animation that earns the scroll.
02 / 03

Design with restraint, not Bootstrap.

Editorial typography. Asymmetric layouts. Whitespace as the loudest element. Every page is wireframed twice and designed once. Never a template stretched to fit. The result is a site that looks like the brand you want to be in three years.

Editorial Typography Asymmetric Grids Custom Components Motion Design Brand System
frame.fig / hero / version 04
Refining type
Wireframe
Design
03 / 03

Ship it hand-coded, fast, and on-brand.

Custom code. Semantic markup. Motion that earns its place. Accessibility AA from the first commit. Performance budget set in week one and held to launch. Schema, indexation and metadata come standard, so the page starts ranking the moment it is live.

Hand-coded Motion Design Accessibility AA Performance SEO Baked In
index.html
build / shipping
01<section class="hero">
02 <h1>Vancouver web design</h1>
03 <p>Custom builds...</p>
04</section>
05
06<script type="json-ld">
07 "@type": "Service",
08 "areaServed": "Vancouver"
09</script>
— Selected work

A decade's worth of taste, shipped in two years.

A selection of the brands we have designed, engineered and ranked. Each one custom. No shared themes, no ported templates, no agency boilerplate. Click any tile for the live site.

the66th.com
The 66th website screenshot
The 66th.
Live
SEO & GEO Agency · Vancouver, BC
Our own site. Hand-built in static HTML, CSS and JS. Five custom-coded service-page animations. Ranks page one for the queries that pay our bills.
Position 1 · 6 keywordsVisit live →
mapleterroir.com
Maple Terroir website screenshot
Maple Terroir.
Live
E-commerce · Quebec, CA
Headless Shopify storefront for a fourth-generation Quebec sugar bush. Cinematic scroll, organic certification storytelling, full SEO depth on every collection.
Headless · CloudflareVisit live →
aetherhaus.ca
Aetherhaus website screenshot
Aetherhaus.
Live
Sauna & Cold Plunge · Vancouver, BC
A studio site for a contemplative practice. Written and designed without a single performative wellness phrase. Books revenue from organic alone.
Local rank · top 3Visit live →
salmano.framer.website
Solmano website screenshot
Solmano.
Live
Mezcal & RTS Cocktails · Mexico / CA
Brand-led storefront for a small-batch mezcal label. Distillery storytelling, age-gate compliance, retailer locator and a press kit built into the site itself.
D2C · Retailer networkVisit live →
tenmar.ca
Tenmar website screenshot
Tenmar.
Live
Construction & Civil · British Columbia
A trades site that respects the work. Project case studies, equipment library, and a build that ranks for the contracts that move six figures, not coupon codes.
Trades · BC-wideVisit live →
rocketclubmedia.com
Rocketclub Media website screenshot
Rocketclub Media.
Live
Performance Media · Pacific Northwest
A media-buyer's site that earns the lead. White-label partner build with case studies, service breakdowns, and a contact funnel engineered for high-ticket retainers.
White-label · LiveVisit live →
intrepidms.ca
Intrepid Marine website screenshot
Intrepid Marine.
Live
Marine Services · Vancouver, BC
Service-fleet site for a working marine company. Routes, vessels, capability matrix, and the kind of fleet imagery that closes deals before the first call.
B2B · Direct enquiryVisit live →
homegymbuilds.ca
Home Gym Builds website screenshot
Home Gym Builds.
Live
Custom Home Gyms · Canada-wide
A configurator-style site for a custom-build studio. Project galleries, service pages tuned to high-intent searches, and a quote flow that turns inspiration into deposits.
Configurator · QuoteVisit live →
— Why the work feels different

Drawn for your brand. Built by hand.

Our designers and our engineers are the same people. Every component is drawn for your brand and built by hand. No themes were stretched in the making of this site.

Discipline
The 66th
Most studios
Design approach
Drawn from scratch for your brand
×Theme bought, palette swapped, billed as custom
Typography
Editorial type, custom-paired, hand-tuned for the brand
×System defaults and whatever the template ships with
Code
Hand-coded for performance, no page-builder bloat
×Drag-and-drop output, hidden divs, junk DOM
Motion
Designed per page so each animation earns its place
×Library presets dropped on every section
Accessibility
AA from launch, semantic markup, keyboard-first
×Retrofitted only when a contract demands it
SEO
Schema, performance and indexation come baked in
×Handed off to a separate vendor six months later
30+
Custom websites shipped across BC, Quebec, and the US since 2023.
0themes
Every site is its own design system. No drag-and-drop, no recycled blocks, no shared skeleton.
5.0
Across Google, Clutch and TrustPilot. Same review every time: shipped on time, on-brand, on-spec.
— Questions we get

Honest answers, no jargon.

How long does a custom website design take? +

Most marketing sites ship in four to seven weeks. E-commerce builds take eight to twelve. Multi-location sites with thirty-plus pages run twelve to sixteen. We do not race to a deadline that compromises the build, and we do not stretch a four-week project into four months to pad the invoice.

Will it look like every other agency site? +

No. Every project is its own design system. We do not own a starter template, we do not reuse layouts between clients, and we do not hand you something a competitor could screenshot. The reference reel goes one way: from your brand outward, never from a Dribbble pattern inward.

Why work with a Vancouver studio specifically? +

For Vancouver brands, local context shows up in copy, in case studies, in the testimonials we know are real, and in the photographers and illustrators we can pull in same-day when a project needs them. For brands outside Vancouver, you get a small senior team that ships when it says it will.

Do you build in Webflow, Framer, or custom code? +

Whichever fits the brief. Static custom HTML is our default for marketing sites where speed and design control matter most. Framer or Webflow when the client wants to update copy themselves without engineering help. Headless Shopify for premium e-commerce. Stack is a tool, not a religion.

Can you redesign an existing site without losing momentum? +

Yes. Pre-launch we crawl the existing site, map every URL, build a 301 redirect plan, and migrate copy and schema page by page. Post-launch we monitor for indexation drops and fix anything that surfaces in the first month. Done right, a redesign lifts the brand without resetting the work behind it.

What does post-launch look like? +

Two paths. Either we hand you a documented build and step out, or you continue with us for design iteration, new pages, copy revisions, photography and ongoing SEO if you want it. Most clients keep the relationship because a website is a system that wants tending, not a project that wants finishing.

What does it cost? +

Quoted per project after a discovery call. Pricing depends on scope, page count, custom animation work and whether you want us to keep tending the site after launch. Book a call and we will scope something concrete inside thirty minutes.

— Reach out anytime

Make your website the obvious choice.

Book a Free Design Audit liam@the66th.com