%20--%3e%3ccircle%20cx='32'%20cy='32'%20r='21.5'%20fill='none'%20stroke='%23F4F4F5'%20stroke-width='1.2'%20stroke-dasharray='2.8%204.2'%20stroke-linecap='round'%20opacity='0.42'/%3e%3cline%20x1='39.8'%20y1='27.5'%20x2='46.7'%20y2='23.5'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='39.8'%20y1='36.5'%20x2='47.1'%20y2='40.8'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='27.5'%20y1='39.8'%20x2='23.3'%20y2='47.2'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cline%20x1='24.2'%20y1='27.5'%20x2='16.4'%20y2='23'%20stroke='%23F4F4F5'%20stroke-width='4'%20stroke-linecap='round'/%3e%3ccircle%20cx='32'%20cy='32'%20r='9'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='51'%20cy='21'%20r='5.2'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='51'%20cy='43'%20r='4.6'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='21'%20cy='51'%20r='4.6'%20fill='%23F4F4F5'/%3e%3ccircle%20cx='13'%20cy='21'%20r='4'%20fill='%23F4F4F5'/%3e%3c/svg%3e)
Toledo & Co.
Security hardware e-commerce for Caribbean B2B buyers — category-first catalog, dense inventory browsing, downloadable PDF catalog.
Year
2025
Category
Hardware · B2B E-commerce
Status
Live in production
Screenshots & previews
See it in action.
Use ‹ › or click the dots to browse · 5 screenshots
Case study
Inside the product
Toledo & Co. exports locks, deadbolts, padlocks, and related hardware across the Caribbean. Their buyers are sourcing professionals — not casual shoppers — navigating 354+ SKUs, offline procurement habits, and the need to trust a 20+ year distributor. A standard product-grid storefront would either overwhelm or hide inventory behind navig…
The challenge
The problem we set out to solve.
Toledo & Co. exports locks, deadbolts, padlocks, and related hardware across the Caribbean. Their buyers are sourcing professionals — not casual shoppers — navigating 354+ SKUs, offline procurement habits, and the need to trust a 20+ year distributor. A standard product-grid storefront would either overwhelm or hide inventory behind navigation buyers would never find.
The solution
How we engineered it.
- 01
Led with a category-first homepage — Deadbolts, Knobs, Door Locks, Electronic Locks, Padlocks — so a buyer who knows what they need is one click from their lane.
- 02
Built a dense All Products catalog with product count, per-page controls, alphabetical sort, and grid/list toggles — closer to a distributor inventory system than a D2C shop page.
- 03
Added a downloadable PDF catalog for offline procurement: forward internally, compare suppliers, decide away from the browser.
- 04
Layered collections for curated entry points alongside the full inventory browse.
- 05
Designed a credibility-focused About experience that signals two decades of export history across dozens of markets.
- 06
Optimised mobile for floor buyers checking stock and specs on the warehouse floor, not only desktop procurement desks.
Features shipped
Every feature in production.
Technology stack
Built with the right tools.
Every technology was chosen deliberately — either to maximise performance, eliminate infrastructure cost, or accelerate delivery without compromising production quality.
Results
Outcomes that speak for themselves.
Client stories
What clients said about this build.
Placeholder quotes for layout — we will replace these with live Clutch, Upwork, GoodFirms, Trustpilot, and Fiverr reviews.
★★★★★
“B2B lock catalog UX finally matches how buyers research hardware. Discovery flows and Next.js storefront landed on time and on budget.”
Team
Who built it.
Senior contributors only — the people in the kickoff call are the same people writing code.
Adeel Baloch
Project Manager · Full Stack Developer
Shams Baloch
UI / UX Design
More work
Explore other projects.
Want a system like this?
Tell us what you need to build. We will tell you honestly what it would take — and whether we are the right team to build it.