UK Summit Website
A fast, SEO-optimized static website built with Next.js for a UK-based professional summit — designed for maximum performance and search visibility.
Client Project — Links Restricted
This project was built for a client under NDA. The live demo and source code cannot be shared publicly due to company privacy policy. If you're a potential employer or client, feel free to reach out directly to discuss this project.
Year
2024
Duration
8 weeks
Role
Frontend Engineer
Services
Static Site Development, Technical SEO, Accessibility Audit
01 — Project Overview
At a glance
Key context about the engagement — the who, the what, and the scope of work.
Industry
Duration
Team
My Role
Year
Services Provided
02 — The Challenge
The problem we set out to solve
The situation before the project, the constraints we worked within, and the goals we needed to hit.
A UK-based professional summit was re-launching its brand and needed a marketing site that would rank for its primary conference keywords ahead of competitors with years of domain age. The previous site took 6+ seconds to load on mobile, failed Core Web Vitals, and missed fundamental SEO hygiene like structured data and sitemaps. Budget for paid media was limited, so organic performance had to do the heavy lifting.
03 — The Solution
How we approached it
Product strategy, UX direction, and the engineering decisions that powered the final outcome.
We migrated the site to Next.js with Static Site Generation (SSG) and aggressively optimized every layer: images via next/image with AVIF/WebP, critical CSS inlined, unused JS code-split, and edge caching on Vercel. We wrapped every component in semantic HTML, audited for WCAG 2.1 AA compliance, and shipped a complete SEO package: meta, OpenGraph, Twitter cards, JSON-LD Event schema, and an auto-generated sitemap with correct priority weights.
- 01
Audited the legacy site for performance bottlenecks and SEO issues using Lighthouse, Ahrefs, and Screaming Frog.
- 02
Re-built the site in Next.js using SSG, pre-rendering every route at build time.
- 03
Shipped a custom Tailwind theme based on the client's new brand guidelines, with dark-mode support.
- 04
Implemented progressive enhancements: page transitions, smooth scroll, and micro-animations with prefers-reduced-motion respected.
04 — Key Features
Capabilities shipped
A closer look at the most important pieces of the product and the value each unlocks.
SSG with Next.js
Every page is pre-rendered at build time — Time-to-First-Byte under 50 ms globally on Vercel's edge network.
End-to-end SEO package
Titles, meta descriptions, OG images, JSON-LD Event schema, sitemap, robots.txt, and canonical URLs — all wired up.
Accessible by default
WCAG 2.1 AA compliant with skip links, focus management, ARIA labels, and semantic structure.
Smooth scroll animations
Scroll-triggered reveals and parallax effects — fully disabled for users who prefer reduced motion.
Edge-deployed with Vercel
Custom domain, automatic preview URLs per PR, and ISR configured so content teams can update speakers without a full rebuild.
05 — Technology Stack
What we built it with
From framework to infrastructure — the tools and services powering the product.
Framework
- Next.js 14 (SSG + ISR)
Styling
- Tailwind CSS
- Framer Motion
SEO
- JSON-LD
- next/sitemap
- OG image generation
Hosting
- Vercel Edge Network
06 — Results & Impact
Measurable outcomes
Hard numbers shipped with this release.
98+
Lighthouse Performance
0.8s
Mobile LCP
100%
Accessibility Score
07 — Final Outcome
The bottom line
Putting the numbers into context — what the project actually delivered for the client.
Within 6 weeks post-launch, the site moved to page 1 of Google for 8 of its 12 target keywords and achieved a 98+ Lighthouse score across Performance, Accessibility, and SEO. Mobile bounce rate dropped 38%, and ticket-purchase click-through rate improved by 22% year-over-year vs. the previous conference edition.