We Rebuilt the Ops Assist Website From Scratch - Here's Why

Every few years, a website stops being a reflection of who you are and starts becoming an obstacle. That's where we found ourselves with the old opsassist.net. It served its purpose, but after building dozens of sites for clients using modern tooling, we kept coming back to our own homepage and feeling like something was off. In March 2026, we decided to rebuild it completely - and this is the story of why, and what we made.

Where We Started: The Old WordPress Site

The original Ops Assist website was built on WordPress. At the time that made perfect sense - it's fast to spin up, easy to manage content, and universally understood. The site had a dark navy colour scheme, a circular rocket logo, and a hamburger-menu navigation. It covered the essentials: a hero section titled “Your Digital Business on the Cloud”, a services overview with our core pillars - Great Design, High Security, and Fast Support - a portfolio carousel, an e-commerce section, an onboarding flow explanation, and a contact form with Cloudflare CAPTCHA.

It worked. But as the business evolved and we started doing more complex React and Next.js projects for clients, the gap between what we were building for others and what we were running ourselves became harder to ignore. We were recommending modern stacks while our own site was running on a WordPress theme. It was time to eat our own cooking.

Why We Moved Away from WordPress

We want to be clear: WordPress is still an excellent platform and we build WordPress sites for clients every single week. But for a digital agency's own website - one that needs to load instantly, rank well, demonstrate our capabilities, and adapt quickly as we add new services - WordPress has real limitations.

The old site had plugin bloat, a theme that was difficult to customise precisely, and page speeds that weren't representative of what we deliver for clients. More importantly, it didn't feel alive. The design was static, the interactions were minimal, and there was no way to express the level of craft we put into our work. We needed something we built from scratch - code we own completely, with no dependencies on a theme marketplace.

What We Built: The New Stack

The new opsassist.net is built on Next.js 15 with the App Router, TypeScript, Tailwind CSS v4, and Framer Motion for animations. It's deployed on Vercel with edge caching, which means near-instant load times globally - especially important for South African users where latency to overseas servers can be noticeable.

We designed the site from scratch with a dual theme system (light and dark mode via next-themes), CSS custom properties for all colour tokens, and a design language built around our brand's red accent colour. The result is a site that feels intentional in both modes - not just a dark mode toggle bolted on as an afterthought.

Key Features of the New Site

Beyond the visual refresh, the new site introduced several features that didn't exist before:

Estimate Builder - A full project scoping tool that lets prospective clients walk through their requirements step by step and get an instant estimate. It lives as a floating drawer accessible from every page, and when they're ready, it pre-fills the contact form with their full project breakdown automatically.

Live Hosting Prices - Our hosting page pulls live pricing from the HyperLayer API, so the prices you see are always accurate - no stale numbers.

Portfolio with Real Screenshots - Every project in our portfolio displays a live screenshot of the site, not a staged mockup. We use a screenshot service to render each site at a fixed viewport, so the thumbnails stay current as client sites evolve.

SEO Blog - This blog you're reading right now. The old site had no blog, which meant missing out on a significant source of organic search traffic for relevant queries like “website cost South Africa” or “WordPress hosting South Africa”. All articles are statically generated at build time for maximum performance and crawlability.

The Design Philosophy

The new site leans into a technical aesthetic - subtle dot-grid backgrounds, animated scan lines, corner accent marks, and smooth entrance animations - without feeling overwrought. Every animation serves a purpose: scroll-triggered reveals guide attention to key content, the cycling hero text communicates range without wall-of-text paragraphs, and the floating estimate tab gives users a consistent call to action wherever they are on the page.

We also paid close attention to light mode this time. A lot of “dark mode first” sites have a light mode that feels like an afterthought - washed out, too white, contrast that doesn't quite work. The new light mode uses a warm light grey palette that keeps the visual weight consistent with the dark theme and is far easier on the eyes for daytime browsing.

What We Learned

Rebuilding your own agency website is a uniquely humbling experience. You're simultaneously the client and the developer, which means every scope decision gets debated internally. We went through four design iterations before settling on the current direction. We rewrote the estimate builder twice. We debated the blog section for weeks before committing.

The biggest lesson: ship it. The old site was still running while we built the new one. There was always a reason to tweak one more thing. At some point you have to draw a line, deploy, and iterate in production. Version one of a new site should be a starting point, not a finished product.

What's Next

The new opsassist.net is live as of 14 March 2026, but it's far from finished. We have a growing list of features in the pipeline: a client portal, case study deep-dives, interactive service configurators, and expanded blog content targeting more South African search queries. If you're reading this blog, you're already part of iteration two.

If you're thinking about a similar rebuild for your own business, let's talk. We know exactly what it takes because we just went through it ourselves.