Skip to content

Portfolio Project · 2026

ntsailab.com

The NTS AI Lab website — designed and built in-house as a fast, accessible marketing site with a reusable design system and a working enquiry flow.

Portfolio ProjectStatus: In development — not yet launched

Screenshot

Screenshot of the NTS AI Lab homepage hero, with the headline and the lead automation dashboard
Real screenshot of the build, captured during development.

Overview

The brief and the build.

Problem
A new agency needed a clear, credible website that explains its services and captures enquiries.
Solution
A Next.js site with a reusable design system, custom automation illustrations and a validated enquiry form.
Technologies
  • Next.js
  • TypeScript
  • Tailwind CSS

What was built

  • Design system

    Brand tokens (navy, electric blue, cyan), Sora and Inter typography, and shared section, card and button components used on every page.

  • Custom automation illustrations

    Interface-style workflow diagrams built in code, with a simplified layout on small screens instead of a scaled-down miniature.

  • Enquiry form and API

    Client- and server-side validation, spam protection, topic preselection from links, and email delivery once credentials are configured — with a clear email fallback until then.

  • SEO and accessibility foundations

    Per-page metadata, canonical URLs, Open Graph images, a sitemap, structured data, keyboard-friendly navigation and reduced-motion support.

Project status

In development — not yet launched

In development and not yet launched. Results such as traffic or enquiry volume will only be shared once the site is live and there is real data to report.

Want something similar?

Tell us what you want to automate or build. We’ll reply by email to arrange a free strategy call.