Atlas — Corporate Website
A scalable corporate website with a CMS, multi-language support and strong SEO — fast, accessible and built to convert visitors into enquiries.
- Timeline
- 3 weeks
- Role
- Design & development
- Team
- Engineer + designer
- Year
- 2025
100
Lighthouse SEO
0.8s
LCP
+70%
Enquiries
Client goals
- ◎Look premium and trustworthy
- ◎Rank for key services
- ◎Let the team edit content
Project overview
Atlas is a premium corporate website: fast, accessible, multi-language and SEO-strong, with a CMS so the team can manage content.
The client problem
Our solution
A fast Next.js site with a headless CMS, multi-language routing and strong technical SEO, designed to convert visitors into enquiries.
What we built
Features
CMS
Editable pages, posts and team.
Multi-language
Localised content and routing.
SEO
Metadata, schema and sitemaps.
Lead capture
Forms wired to email/CRM.
Under the hood
Technical code
export async function generateMetadata({ params }) { const item = await getItem(params.slug); return { title: item.seoTitle, description: item.excerpt, alternates: { canonical: "/" + item.slug }, openGraph: { title: item.title, type: "article" }, };}type Props = { label: string; value: string; delta?: number }; export function StatCard({ label, value, delta }: Props) { return ( <div className="rounded-2xl border border-white/10 bg-white/5 p-5"> <p className="text-sm text-muted">{label}</p> <p className="mt-1 text-2xl font-bold">{value}</p> {delta !== undefined && ( <p className={delta >= 0 ? "text-emerald-400" : "text-red-400"}> {delta >= 0 ? "▲" : "▼"} {Math.abs(delta)}% </p> )} </div> );}Integrations
APIs & services
Sanity
Headless CMS for content.
Resend
Contact form delivery.
Process
Development workflow
- 1
Discovery
Goals, users and success metrics defined on a free call.
- 2
Planning
Fixed scope, milestone plan and timeline in writing.
- 3
UI/UX design
Wireframes and a clean, modern design system.
- 4
Backend setup
Database schema, auth and core services.
- 5
API development
Typed, documented endpoints and integrations.
- 6
Frontend
Responsive, accessible UI wired to the API.
- 7
Testing
QA across devices plus performance & security checks.
- 8
Deployment
CI/CD, monitoring and a smooth production launch.
- 9
Support
Ongoing maintenance, updates and new features.
Speed & SEO
Performance & SEO
Performance
- ✓Server-side & static rendering for instant first paint
- ✓Image optimisation and lazy loading
- ✓Code-splitting and route-level prefetching
- ✓Edge/CDN caching with smart revalidation
- ✓Green Core Web Vitals (LCP, CLS, INP)
- ✓Database indexing and query tuning
SEO
- ✓Per-page metadata, canonical URLs and Open Graph
- ✓Structured data (JSON-LD) for rich results
- ✓Programmatic sitemap & robots
- ✓Semantic, accessible HTML
- ✓Clean, descriptive slug URLs
Built secure
Security
Outcome
Results & impact
100
Lighthouse SEO
0.8s
LCP
+70%
Enquiries
Atlas shipped a 0.8s-LCP, perfect-SEO corporate site with a CMS, lifting enquiries by 70%.
More work
Related projects
E-commerce StoresFeaturedE-commerce · Fashion
LuxeCart — Headless E-commerce Store
A blazing-fast headless storefront that converts.
LMS PlatformsEducation · SaaS
LearnSphere — LMS Platform
Courses, lessons and progress — with payments built in.
Start your website project
Fast, premium websites that build trust and convert.