Focused product site for dump bodies and side-board bodies direct from the factory
We built a premium, host-friendly microsite with clear product tracks, a knowledge hub and a quote start for a narrow B2B offer in the transport body segment.
3
Product tracks
5
Knowledge articles
API
Separate lead flow
Project in brief
Goal, solution, result & stack
CASE
- Make the difference between dump bodies, side-board bodies and custom bodies clear immediately.
- Capture better quote briefs from the first contact.
- Build SEO surfaces around pricing, delivery, materials and buying guidance.
- Keep the front end fast and the deployment easy to host.
Solution
- We built an Astro-based information architecture with a homepage, three product tracks, pricing, delivery, knowledge hub and quote flow.
- The product logic became editorial with a comparison table, product-near guides and CTAs that move users to the right next step.
- The quote flow was connected to a separate Node-based form API with SMTP delivery and a clear brief from the first request.
- The SEO foundation was handled through metadata, schema, sitemap, internal linking and articles close to commercial questions.
Results
3 clear entry points
Product tracks
5 guides close to the sale
Knowledge articles
Separate API and a better brief
Quote route
Stack
Project overview
Scope in brief
- Static product site for dump bodies, side-board bodies and custom bodies
- Knowledge hub with five product-near guides
- Pricing and delivery pages for stronger decision support
- Quote wizard with separate lead API and SMTP
The next step
Ready to start something similar?
Book a short needs check or send a short brief and we will suggest the right setup.
Challenge & solution
The challenges we solved
Challenge
- The offer was narrow and needed more decision support than a generic company brochure could provide.
- Buyers needed to understand volume, material, details and delivery without calling for every question.
- The site needed to combine product pages, guides and a quote flow without becoming heavy to run.
Solution
- We built an Astro-based information architecture with a homepage, three product tracks, pricing, delivery, knowledge hub and quote flow.
- The product logic became editorial with a comparison table, product-near guides and CTAs that move users to the right next step.
- The quote flow was connected to a separate Node-based form API with SMTP delivery and a clear brief from the first request.
- The SEO foundation was handled through metadata, schema, sitemap, internal linking and articles close to commercial questions.
Technical decisions
- Keep the front end fully static for fast loading and low operational complexity.
- Let product tracks carry the navigation instead of hiding them behind generic company copy.
- Split out quote logic into a separate API so lead handling can evolve without making the site heavier.
Effect in focus
Results that are noticeable in everyday life
Better decision support before quote
Visitors can now compare tracks, understand materials and read guides before first contact.
A stronger premium feel in a niche category
The site feels more considered and more appropriate for a narrow B2B offer.
Easier to continue improving
Static output, a separate form API and a clean content model make future improvements easier to keep shipping.
Key features
- Clear route from guide to product to quote.
- Static Astro front end with a separate lead API.
- Knowledge hub that supports both SEO and buying-near questions.
Stack
Deliveries
Deliveries & scope
- Static product site for dump bodies, side-board bodies and custom bodies
- Knowledge hub with five product-near guides
- Pricing and delivery pages for stronger decision support
- Quote wizard with separate lead API and SMTP
- Matomo tracking and SEO basics for continued improvement
Products & navigation
- Three clear product tracks in the main navigation
- Comparison table and product-near copy
- CTAs from guide to product and quote
SEO & content
- Knowledge hub around pricing, material and delivery
- Semantic metadata, schema and sitemap
- Internal linking between guides, products and quote
Quote & operations
- Node-based form API separated from the front end
- Host-friendly static Astro output
- Matomo for follow-up on key steps
Gallery
Selected views
Homepage
Working
So we took the project from idea to delivery.
Step 1
Positioning & current state
We started with how a narrow B2B offer could feel more premium while becoming easier to understand.
Step 2
Information architecture
Product tracks, guides, pricing and delivery were structured so the right questions are answered before quote.
Step 3
Quote flow & technology
The front end stayed static and fast while lead handling lived in a separate API track.
Step 4
SEO & release
Sitemap, schema, Matomo and a host-friendly build were set up for simple operations and further growth.
So we built it
We combined the services below to create the right results.
The next step
Ready to create the next case?
Book a short needs check or send a short brief and we will suggest the right setup.