Collision repair equipment · 2024
Industrial equipment manufacturer site
A full product site built from a Figma design with reusable WordPress blocks.
- Skills
- Stack
- WordPress · GeneratePress · GenerateBlocks · Figma
- 01Global styles
- 02Reusable patterns
- 03Page templates
- 04About 15 pages
What I did
- Built about 15 pages: home, products with a reusable product template, product families, OEM, workshop solutions, shop layout and design, training, service and support, resources, used equipment listings with individual posts, an interest form, about and contact.
- Set up the system first: custom fonts, color variables, button styles, reusable local patterns, header, footer and an off-canvas mobile menu.
- Kept it fast: background images skipped on mobile, and video checked sitewide.
Outcome
A product site where new pages are assembled from existing patterns instead of being designed from scratch.