Metro Supply Chain
Enterprise marketing site for a North American 3PL—bilingual EN/FR, deep solutions/industries IA, and CMS-driven pages so marketing can ship without redeploying the whole stack.
- Wordpress
- PHP
- HTML
- CSS
- Marketing Site
- Bilingual
Engagement
Role & team
Developer · Forge Media & Design
- Team context
- Developer, built from designs provided by design team, senior-review PRs, worked with 2-3 other developers across full lifecyle.
- My contribution
- Full lifecycle, touched almost all areas of project, required tasks & post-launch updates picked up by 2-3 developers based on capacity.
Context
Overview
Enterprise marketing site for a North American 3PL—bilingual EN/FR, deep solutions/industries IA, and CMS-driven pages so marketing can ship without redeploying the whole stack.
Metro Supply Chain is a large third-party logistics provider across Canada, the US, and the UK. The public site has to do more than look polished: it routes prospects through solutions, industries, and proof points (scale stats, innovation, insights) while staying credible to enterprise buyers.
The build centers on a flexible page model in the CMS—repeatable sections, localized copy, and guardrails so editors can publish campaigns and landing updates without breaking layout or navigation. On the front end, that means performance-conscious templates, accessible patterns (mega-menu, search, forms, legal pages), and EN/FR parity so neither locale feels like an afterthought.
Process
Challenges
01
Deep navigation, clear paths
Mapped a wide solutions-and-industries IA into predictable nav and templates so prospects find fulfillment, transport, and consulting offers without getting lost in the menu.
02
Bilingual at scale
Shipped EN/FR on a shared content model so teams could localize without duplicate page trees or one locale drifting behind the other.
03
Editor-owned publishing
Tuned CMS schemas and components so marketing could ship campaigns, stats, and insights without a developer on every copy change.
04
Flexible pages, stable layout
Built repeatable sections with guardrails so editors could compose landing pages without breaking spacing, hierarchy, or mobile layouts.
05
Performance on real networks
Balanced heavy imagery, carousels, and third-party scripts so the site stayed fast on institutional Wi‑Fi and mid-tier phones—not just on a dev machine.
06
Accessible enterprise UI
Hardened mega-menus, forms, accordions, and cookie flows for keyboard and screen-reader users so compliance pages and CTAs hold up under WCAG expectations.
07
SEO and redirects through migration
Preserved rankings and bookmarks with clean URLs, redirects, and metadata as content moved from the old site into the new structure.
08
Forms that connect to the business
Wired consultation and contact flows to validation, spam protection, and downstream CRM hooks without fragile one-off implementations per page.
09
Stakeholder velocity without scope creep
Used a shared component library and content types so late requests (new industries, promos, regional variants) landed without replatforming navigation each release.
10
Legal and policy content in sync
Kept privacy, accessibility, and compliance pages linked and versioned in the CMS so legal updates didn’t require hunting through hard-coded templates.