Portfolio Project · 2026
ntsailab.com
Portfolio ProjectStatus: In development — not yet launched
Screenshot

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.