New Web Order · Professional services
Company website built for performance and SEO.
Category
Website
Year
2024
Capabilities
Web
Industry
Professional services
The problem
The existing site loaded slowly and ranked poorly, costing the company inbound leads before visitors ever saw the offering.
Our approach
We rebuilt the site on Next.js with TypeScript for type safety and Tailwind for styling, then worked through the performance budget: code splitting, image optimisation and tuned rendering strategies per route.
Inside the product
More than one screen.
3 more screens from New Web Order, captured at device size.
Projects
The project index, rebuilt as static pages.
Services
Service pages generated from structured content.
About
The company page on the same layout system.
On the phone
Home
Projects
Services
About
How it is built
Architecture
Static-first Next.js App Router build. Routes are pre-rendered where content allows, images are served through next/image with explicit dimensions, and JavaScript is code-split per route to keep the initial payload small.
Key features
Challenges & solutions
Challenge
Large marketing imagery dominated the page weight and delayed first paint.
Solution
Moved all imagery to next/image with explicit dimensions and modern formats, prioritising only the above-the-fold hero.
Results
What shipping it changed.
The rebuilt site loads faster, ranks for the terms the company sells on and puts an enquiry within one scroll on every route. Inbound leads no longer bounce before they see the offering.
40%
faster page loads
Static-first rendering, route-level code splitting and optimised imagery across the site.
100%
of routes reach a call to action in one scroll
Every page is built to move a visitor from the offering to an enquiry without hunting.
0
layout shift from imagery
All images serve through next/image with explicit dimensions and modern formats.
Stack
Frontend
- Next.js
- TypeScript
Styling
- TailwindCSS
Services involved
Let's talk
We can usually tell within one call whether the approach above transfers to your problem, and what would need to change.