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
Where it got hard.
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.
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.