KM Innovation
The website a software agency uses to win work — designed, built, deployed and maintained by its engineer.
Role
Full-Stack Engineer
Duration
Ongoing
Year
2026
Status
Live and maintained
6
Content modules, no hardcoded copy
1
Engineer, end to end
Overview
An agency's own site is an awkward brief: it has to demonstrate the standard of work the agency sells. I built this one end to end, then profiled it and found the biggest performance problem was a decision I had made myself.
The problem
The agency needed a site that would both explain what it does and qualify the people who get in touch. A contact form that collects a name and a message produces enquiries nobody can price. The site also had to demonstrate competence directly — a slow or careless agency website undermines every claim on it.
Constraints
- The site is itself a work sample, so quality is the product rather than a nice-to-have
- Content changes frequently as the team and portfolio grow, so it had to be maintainable by non-developers
- Rich motion design was wanted, without paying for it in load performance
What I built
All content — team, projects, FAQs, career openings, form options — lives in typed data files rather than in components, so updating the site is editing data rather than editing markup. The enquiry flow is a guided multi-step form that asks about project type, budget and timeline, so a lead arrives with enough context to respond properly. The visual design leans on motion, which made performance a live concern rather than a theoretical one.
How it fits together
- Next.js App Router with TypeScript, server components by default
- Content centralised in typed data modules — team, projects, FAQ, careers, form options
- ImageKit for image storage and transformation
- Framer Motion for interface animation, deliberately deferred so it does not block first render
Running in production
Deployed on Vercel with automatic builds from the repository.
My role
- Design and build of the entire site
- The content architecture that lets non-developers update it
- Performance profiling and the fixes that came out of it
- Deployment and ongoing maintenance
Outcome
- The agency uses the site to win clients and projects
- Content updates no longer require a developer
- Enquiries arrive qualified, with project type, budget and timeline attached
Last updated
What I Delivered
Built, deployed and maintained end to end
All content in typed data files — updates need no developer
Guided enquiry flow that qualifies leads before they reach a human
Performance problem traced to my own architectural decision, and fixed