What you get
A fast website built to be found, understood, and improved.
A modern Next.js foundation with speed, technical SEO, accessibility, and AI-ready structure handled from the start.
How the result comes together
Strategy, structure, production build, clean handoff.
- Step 01
We map what customers need to find
Pages, search intent, navigation, calls to action, and content priorities are planned before design starts.
- Step 02
The site structure is built for SEO and accessibility
Headings, metadata, internal links, image alt text, and page hierarchy are treated as core product work.
- Step 03
Next.js turns it into a fast production website
Static rendering, optimized images, route-level code splitting, and minimal JavaScript keep the first paint fast.
- Step 04
You receive a site you can keep improving with AI
Content, components, and instructions are kept clean enough for future edits by a developer, by me, or with AI assistance.
What the website will have, and why it matters
The practical details that make the site fast, indexable, usable, and easier to improve.
Performance foundation
The site is designed to feel quick on real devices, not only in a demo.
Lazy-loading images
Why: Below-the-fold images wait until they are needed, which protects first paint and keeps the initial page lighter.
Minimal JavaScript
Why: Server components and static pages reduce browser work, so visitors can read and interact sooner.
Correct image sizing
Why: Explicit dimensions and responsive sizes reduce layout shift and avoid shipping images larger than the screen needs.
Route-level code splitting
Why: Each page only loads the code it needs, which keeps nonessential features away from the first visit.
SEO and AI visibility
Search engines and AI systems get a clean technical signal about what each page means.
Centralized metadata
Why: Titles, descriptions, canonical URLs, Open Graph data, and language alternates stay consistent across the site.
Semantic HTML
Why: Clear landmarks, headings, lists, and links help users, crawlers, screen readers, and AI agents understand the page.
Structured content model
Why: Content lives in typed records, making it easier to extend pages with schema, FAQs, localized copy, and future AI workflows.
Sitemap and indexable routes
Why: Public pages are listed predictably, while private or utility pages stay out of search results.
SEO-safe migration
If you already have a website, switching to the new one must not cost you the rankings you spent years earning.
Every old URL mapped
Why: We inventory the URLs Google has actually indexed and 301-redirect each one to its new home in a single hop, so rankings, backlinks, and bookmarks keep working.
Dead pages retired cleanly
Why: Demo and junk pages get an explicit 410 Gone instead of a misleading redirect to the homepage, so crawlers stop wasting your crawl budget.
Search Console continuity
Why: A fresh sitemap on the live domain, correct canonical URLs, and index monitoring after launch, so reporting and visibility never go dark.
Zero-drama cutover
Why: DNS, SSL, and email are planned together so the domain switch has no downtime and no “not secure” window.
Content and media workflow
If you want a blog or editable content, you write in Notion and it syncs straight to the site, with images optimized for you.
Write blog posts in Notion
Why: You draft articles and pages in a familiar editor instead of touching code, so publishing feels like writing a document.
Direct Notion-to-website sync
Why: Content created in Notion flows to the live site automatically, keeping the website and your workspace in step.
Automatic image compression
Why: Uploaded images are compressed and converted to modern formats automatically, so pages stay light without manual editing.
Free image library on your account
Why: Your images live in a free media library tied to your own account, where they are stored, reusable across pages, and served from a fast delivery layer without bloating the codebase.
Accessibility best practices
Accessibility is handled as part of the build, not as a last-minute layer.
Keyboard-friendly navigation
Why: Menus, links, and interactive controls can be reached without relying only on a mouse.
Meaningful alt text
Why: Images carry useful descriptions for assistive technology and give crawlers more context.
Readable contrast and spacing
Why: Text, buttons, and page sections are easier to scan across screen sizes and lighting conditions.
Reduced-motion support
Why: Animations respect users who prefer less motion, while still giving the page a polished feel.
Future-ready handoff
You are not locked into a fragile black box after launch.
Editable content files
Why: Copy, links, images, and page records are separated from layout code so updates are safer.
Reusable components
Why: New pages can reuse the same design system instead of rebuilding every section from scratch.
AI-readable code structure
Why: Clear file boundaries, typed content, and predictable patterns make future AI-assisted edits more reliable.
No builder lock-in
Why: The website can keep evolving as normal code, with modern tooling and a clean deployment path.
0 kr/month hosting
Why: With regular traffic the site runs on a free hosting tier, so there is no monthly hosting bill to pay after the build.
Optional content engine
Write in Notion, publish on your website
For blogs and editable pages, your Notion workspace becomes the content source. You write, add images, and the website updates — with compression and storage handled automatically.
Notion
Write posts and pages in a familiar editor.
Sync
Content and images flow to the site automatically.
Website
Pages publish fast, with images compressed and stored.
Built as modern code
The result
A fast, accessible, SEO-focused website that clients can keep editing, improving, translating, expanding, and developing with AI-assisted workflows.
Talk about your website- Fast first paint
- Technical SEO best practices
- Accessibility-aware interface
- AI-ready content and code structure
- 0 kr/month hosting at regular traffic