Custom websites built clean,
maintained properly, and secured the right way.
Frontend, backend, and full-stack development for businesses that want a serious online presence. I do the work myself — no outsourcing, no middlemen.
Visual site builds, landing pages, UI work, responsive interfaces, and frontend improvements. Pixel-perfect on what your users actually see.
Forms, databases, APIs, authentication, admin logic, booking systems, and the functionality that makes a site actually do something.
Complete websites built from front to back. One person from architecture to launch — one standard of quality, start to finish.
Updates, bug fixes, content changes, backups, and ongoing support. I keep your site current and functional so you don't have to think about it.
SSL checks, security headers, admin protection, spam filtering, patching, and backup planning. Your site secured at the website level — properly done.
Need more than hardening? IronShell Labs — my independent red team partner — conducts authorized penetration testing, OSINT recon, and vulnerability assessments. Engagements are referred through MacKinnon Tech.
Transparent pricing, no runaround. Every project is scoped to your actual needs — these are honest starting points, not padded estimates.
All projects are quoted individually. Get in touch for a scoped estimate.
Interactive demos and client site examples. Canvas experiments below — move your cursor over each one.
Particles navigating a noise-based vector field. Each particle follows the invisible current of a mathematical flow, creating paths that feel organic and unpredictable.
A reactive grid of points that pulse with sine waves. Each node scales and brightens based on its distance from a moving wave origin and the cursor position.
Drifting points form connections when close enough, creating an ever-changing network topology. The cursor repels nearby nodes, distorting the lattice in real time.
Geometric objects following elliptical orbits at different speeds and radii. Each body leaves a fading trail, tracing the invisible geometry of circular motion.
A structured grid of dots that scatter on cursor proximity and spring back to their home positions using damped force simulation. Order disrupted, order restored.
Concentric rings warped by domain-noise distortion. The distortion field evolves slowly over time, bending the geometry in ways that feel almost biological.
OSIRIS is an operational synthetic intelligence and reconnaissance interface system built as a dark AI/cyber command experience. It features a cinematic Cortex view, live demo telemetry, infrastructure-focused modules, and a future n8n workflow bridge for automation and system orchestration.
Example sites showing what I can build for local businesses. Fully functional, live on the web.
A website isn't a one-time thing. Here's what I do to keep yours running, updated, and protected.
Regular upkeep so your site doesn't fall behind. No ticket queues, no week-long waits for a small fix — I handle it directly.
Website-level security done properly — actual implementation and ongoing coverage, not a one-time scan or a generic checklist.
All work on this site is original. Here's what that means for how it can be used.
All work shown on this site — designs, experiments, code, graphics, and written content — is original work created by Jon MacKinnon and is protected by copyright law.
Unauthorized copying, reproduction, distribution, or use of any material from this site without explicit written permission is prohibited.
© 2026 Jon MacKinnon / MacKinnon Tech. All rights reserved.
There's a clear difference. Inspiration means you look at something, understand it, and build your own version from scratch using your own skills.
Copying means you take the source, change a few colors, and call it yours. I can tell the difference, and so can everyone else in the industry.
For licensing or commercial use, reach out: jonnathan.mackinnon@mackinnontech.com
Need a website built, an existing one looked after, or security tightened up? Get in touch — no sales pitch, just a straight conversation.