The old Nexia website was built two years ago by one person, over a long weekend, in a hurry. It did the job it was asked to do — put something live, establish a presence, give people a place to find our contact details. But it was rough. We knew it was rough. Every time we sent someone to nexiasystem.com we'd quietly hope they wouldn't look too closely. A company that sells design and digital transformation was being represented by a site that looked like neither.
For a long time we told ourselves we'd get to it. Busy with client work. Always something more urgent. The cobbler's children, shoeless. Then May arrived, the conflict disrupted our infrastructure and forced us to rebuild it properly, and something clicked: if we were already rebuilding the backend from scratch, we should do the same for the front. No patching. No adding on. A clean slate.
This is the full story of that redesign — the decisions we made, the things we tried and discarded, and what the new site is actually built on.
What was wrong with the old site
To be fair to past us: the old site was functional. It loaded. It had a navigation, a services section, a contact form. But a checklist of components is not a website. Looking at it honestly, the problems were everywhere:
- It looked generic. Light background, card layout, stock-feeling typography — the same pattern used by a thousand freelancers and small agencies. Nothing about it said Nexia specifically. It could have been anyone.
- The copy was weak. Vague, feature-first, written to fill space. "We build websites and apps for businesses." Technically true. Completely forgettable.
- No blog, no writing. We had things to say. No place to say them. Every insight, post-mortem, and opinion piece stayed in Notion or got shared once on a WhatsApp group and disappeared.
- The structure was flat. One long page, no real architecture. No room to grow. Nowhere to link to. A dead end for anyone who wanted to go deeper.
"Your website is not a brochure. It's the proof of work. If you can't design your own site well, why would someone trust you to design theirs?" — Internal critique, April 2026
The design direction
We knew we wanted dark. Not dark because it's trendy — dark because it's true to how we think about the work. We build things that run at night, systems that operate in the background, products that show up on a phone screen in a dim room. A dark interface felt honest to what we actually do.
The accent colour was already decided for us: electric blue, sampled directly from the dot pattern in our logo. That dot motif — a cluster of points forming a circle — became the visual language of the whole site. Halftone radial gradients. Dot-field backgrounds masked with radial fades. The texture of the brand mark echoed across every section.
Typography
We settled on three typefaces working together. Plus Jakarta Sans for display headings — it has the weight and geometry to carry large sizes without going cold. Inter for body copy — the most legible screen typeface at small sizes, full stop. JetBrains Mono for labels, metadata, and UI chrome — it has the right technical register without feeling like a developer's personal project.
The heading sizes are large. Not irresponsibly large — but large enough that the hierarchy is unmistakable. h1 at up to 80px. h2 at up to 60px. Letter-spacing pulled tight. Line-height compressed. The typography is the layout, not a passenger in it.
Structure and pages
The new site has real architecture. A homepage with seven distinct sections — hero, marquee, stats, services, blog preview, contact, footer. A blog listing page with a metadata sidebar and filter chips. Individual blog posts with full-width covers, serif body text, drop caps, and related articles. A certificates page for our interns — more on that below. This is a site that can grow. Adding a case studies section, a careers page, a resources hub — the system supports all of it without anything feeling bolted on.
The intern certificate page
One section of the redesign we're particularly happy with is something that didn't exist before at all: a public credential page for every Nexia intern. The URL pattern is nexiasystem.com/certificates/[Name]. Each page shows the intern's name, role, department, start date, cohort, and active status — verified by Nexia and publicly shareable.
The idea came from a simple observation: interns should be able to point to something real. A PDF certificate emailed at the end of a programme is fine, but a live, verifiable page at a permanent URL is better. It's there when they apply for their next role. It doesn't expire. It doesn't live in a downloads folder.
Every Nexia intern gets a permanent URL. The credential page is live for as long as nexiasystem.com is live. It's our way of taking seriously the work that interns put in — their contribution shouldn't disappear when the programme ends.
Why this matters to us
We spend a significant amount of time convincing businesses that their digital presence is worth investing in. That a website isn't just a box to check, that design is a business decision, that the gap between how good your product is and how good your website is will cost you. We believe this sincerely. And we couldn't keep saying it while our own site was a two-year-old placeholder.
The new nexiasystem.com is the version of our work that we're proud to send someone to. It's the same quality we ask of ourselves when we build for clients — careful typography, a real system behind the design, copy that says something specific, structure that can carry more weight as the company grows.
If you're a business in Islamabad — or anywhere — and your website is making you wince when you share the link, this is your sign. You don't have to live with it. Neither did we.