Introduction
LA Buff Co. (Los Angeles Buff Co., Inc.) is a Mexican-owned family manufacturer of professional metal-finishing supplies—buffs, compounds, abrasives, and related tooling. The site needed to look as serious as the shop floor: clear product lines, honest trust signals, and a straightforward path for wholesale and fabricator buyers.
The problem
Legacy pages made it hard to browse real assortment, understand who the company is, or start a wholesale conversation without calling. B2B buyers shopping abrasives and finishing supplies expect product-level clarity (sizes, applications, next steps)—not a thin brochure. Ownership and craftsmanship story were underrepresented online relative to how the business actually operates in Santa Fe Springs and with its customers.
Strategy
- Lead with product and process (“Built for the Finish”), not generic industrial stock
- Surface Mexican-owned family ownership where accurate—without overclaiming certifications or metrics
- Ship a seed catalog and one full product detail experience first; expand photos and SKUs as approved
- Separate retail-style discovery from wholesale quote intake
- English/Spanish support so more finishers and distributors can self-serve
- Structure SEO and commerce so Weebly cutover and Shopify are realistic next steps—not rebuilds
What was built
- Full marketing shell: home, shop, collections, wholesale, Find Your Finish, Our Story, Learn (articles), cart stub, and 404
- Seed product catalog with collection architecture and a complete Yellow Straight Cartridge Cloth Rolls PDP (variants, helping paths)
- Real product photography wired for rolls, airway buffs, compounds, belts, discs, mounted points, wire brushes, tools, and related lines
- Wholesale quote and product-help forms with validated inputs (email path ready when transactional email is configured)
- Local commerce layer with cart stub and a path to Shopify Storefront later—no invented live pricing claims
- Brand system from brief: Graphite / Buff Gold / Steel Blue / Warm Canvas, industrial type, layout shell with announcement and navigation
- Cookie-based English/Spanish locale with translated nav, pages, and catalog helpers
- SEO foundations: metadata, sitemap, robots, JSON-LD, and redirect stubs for legacy Weebly URLs
- Production-minded stack with TypeScript, Zod, and pricing unit tests where logic mattered
Technology
Next.js App Router, React, TypeScript, Tailwind CSS, Zod validation, Vitest for pricing logic, seed local commerce with a Shopify-ready repository boundary, and Vercel-compatible deployment.
Outcome
A professional product-first front door for LA Buff Co.—clearer catalog and ownership story, bilingual reach, wholesale and product-help paths, and structure ready for domain cutover, live pricing, and full checkout when the family is ready to switch.
CTA
Running a manufacturer or wholesale brand that still lives on a thin legacy site? Book a free consultation.