Website design · Industrial recycling

ABC Recycling

A fast, mobile-first website with a locations page that maps every yard, a page for each yard and one-tap contact for industrial and residential customers.

Industry: Industrial recycling
Location: Burnaby, BC
What we did: Web design, Multi-location SEO, Hosting

Visit abcrecycling.com Start a project like this

Multi-citylocal SEO landing pages
Mobile-firstCore Web Vitals passing
Every yardon one map, one tap to call

Objectives

What ABC Recycling needed from this website design project, and what we built for it.

The goal
Show the services, accepted materials and yard locations clearly
What we built
Services, materials and locations each have their own part of the site, with a location hub that links to every yard.
The goal
Make it easy to contact each yard
What we built
Every yard has its own phone number, address and hours, with click-to-call buttons on phones, so industrial suppliers and the public reach the right yard directly.
The goal
Show every yard on one locations page
What we built
A locations page with all the yards on a map, linking to a page for each yard with its hours, address and accepted materials, marked up with LocalBusiness schema so Google can read it.
The goal
Load fast on phones
What we built
Built mobile-first, with compressed images in modern formats, critical CSS, caching and a CDN, tuned for Core Web Vitals.
The goal
Let the in-house team update content without a developer
What we built
Built in WordPress with reusable components and field-based content, so edits stay consistent and on brand.

Prototyping

ABC Recycling, page by page, before colour and photos.

The home page and the main inner pages as greyscale wireframes, for desktop and for phones. With colour and photography taken out, what is left is the structure: where the navigation, headings, images and calls to action sit on each page.

ABC Recycling wireframe: Services — Services

ABC Recycling wireframe: Industrial services — Industrial services

ABC Recycling wireframe: Sustainability — Sustainability

ABC Recycling wireframe: About us — About us

ABC Recycling wireframe: Home, phone — Home, phone

ABC Recycling wireframe: Services, phone — Services, phone

Colour and style

The look of ABC Recycling.

A dark charcoal header over full-width photography of the working yard. The red is kept for calls to action, so the next step always stands out.

Headings

Gibson

Body text

Gibson

Content

What the site says, and where.

Each yard has its own page with hours, address, map, phone number and accepted materials, linked from a single location hub. Services and materials are separate pages, so a visitor looking for one thing lands on it directly.

Home

Services
Sustainability
About us
Locations and contact
A page for each yard
Join our team

The build

How the ABC Recycling website was built.

ABC Recycling needed a site that shows its services, accepted materials and yard locations, and makes it easy for industrial suppliers and the public to reach the right yard. This is what went into it.

Custom WordPress build
A responsive, accessible site in WordPress, with a structure for services, locations and materials that can grow. Reusable components and field-based content keep every edit consistent.
Multi-location SEO
A location hub with a page for each yard: hours, address, map, phone number, accepted materials and a click-to-call button. Each page carries LocalBusiness schema and consistent name, address and phone details.
Speed and Core Web Vitals
Images compressed into modern formats, critical CSS, code splitting, caching and a CDN, tuned for phones first.
Search foundation
Page titles, meta descriptions, internal links and breadcrumbs, with Service and FAQ schema, clean URLs and an XML sitemap so search engines can crawl every service, material and location.
Hosted on WebCrafters Cloud
North American hosting on Nginx and PHP-FPM with Redis caching, an edge CDN, WAF and DDoS protection, daily off-site backups and uptime monitoring.
Security and reliability
Security hardening and uptime monitoring, so the site stays available when traffic spikes.