Case studyVeltra Logistics
A premium, instantly-loading marketing site for a fictional road freight & forwarding operator, built as an internal R&D reference complementing the RoadTMS case (product) with a marketing-site craft demo.
Veltra Logistics needed a single, conversion-focused page that feels trustworthy to logistics buyers and loads instantly on any device — without compromising on visual quality.
The Challenge
Logistics sites are typically heavy, generic and slow. The goal was a fast, premium page with one clear conversion path (a quote request) and credibility signals (community licence, ADR, SENT monitoring, OCP insurance).
Our Approach
Static-first Next.js 16 App Router build with Turbopack, all content in typed TS files (no CMS round-trip), images via next/image static imports for zero layout shift, CSS scroll-driven reveal animations, single source of truth for site origin. Polish-only by design — Phase 1 demo scope.
What We Built
- Full-bleed photographic hero with social proof + stat card
- Trust strip (credentials + industries served, no fake logos)
- Services preview, full services page with 6 service cards
- Fleet page with vehicle types and equipment standards grid
- About page with company story, operating principles and process
- Contact page with 3 icon cards + front-end-only quote form
- Reusable primitives: Card, CheckList, Backdrop, StatPanel, AvatarStack, Stars, GlassPill
- Anti-spam form (honeypot + fill-time gate) with inline Zod-like validation and explicit sent/error states — fully client-side, no backend
- JSON-LD Organization on all pages, FAQPage on /uslugi
- Sitemap, robots.txt, canonicals, OG, Twitter cards
- Accessibility: skip-link, aria-current, focus ring, keyboard navigation, prefers-reduced-motion respected
Results
- Instant load: FCP ~0.4s, LCP ~0.7s on production (Lighthouse, transport.oksoftware.co, desktop)
- Fully static prerender, zero CLS on the photographic hero
- License-clean imagery (Pexels License) + custom SVG branding (two-tone V mark + balanced wordmark)
- Honest about the demo scope: form is front-only, brand and testimonials are fictional, site is noindexed
Tech Stack
Next.js 16 (App Router, Turbopack), TypeScript, Tailwind CSS v4, next/image with static imports, native CSS scroll-driven animations, Vercel (custom subdomain transport.oksoftware.co).