Sixteen Pages, Rebuilt
From Nothing.
L's P.C TechSpot sells IT support to businesses that judge an IT company by whether its own website feels competent. So the build had to look like infrastructure — precise, fast, and obviously engineered rather than assembled.
An IT company's site
is its first audit.
When a business is choosing who to hand their network over to, they read the website as evidence. Slow load, broken mobile menu, stock template — and the conversation is over before the enquiry form.
The rebuild covered all sixteen pages from scratch: a services architecture that separates consumer repair from business contracts, plus the credibility layer — reviews, business case, and a support route that's one tap from anywhere on the site.
Site architecture
- Homepage
- Services hub and detail pages
- Business / corporate IT
- About
- Reviews
- Contact
- Supporting and legal pages
16 pages total, each hand-built in the lspc- design system.
Where the build
actually got hard.
The floating pill header
A detached, rounded nav bar that hovers clear of the page edge. It looks simple and is genuinely awkward to build — it has to stay pinned, survive scroll, and not collide with the page content underneath. Worth the trouble: it sets the tone in the first half second.
Mobile drawer, moved out
The mobile menu was originally nested inside the header, which meant the header's own positioning and overflow rules kept clipping it. Lifting the drawer out to sit as its own layer fixed it properly, rather than papering over it with z-index guesses.
3D animation gated by width
The hero's dimensional effect looks good on a desktop and destroys a mid-range phone. It's now gated to viewports of 761px and up. Better to serve mobile a fast, clean hero than a beautiful one that stutters.
The stack and the system.
Type
- DisplaySpace Grotesk
- BodyInter
- DataJetBrains Mono
Colour
- GroundDark navy
- AccentCyan → blue → violet
- Namespacelspc-
Platform
- CMSWordPress · BeTheme
- SchemaWPCode snippets
- ContactWhatsApp quick route
Structured data is deployed through WPCode rather than inline, because BeTheme strips script tags out of its Code blocks — a detail that silently kills JSON-LD on a lot of BeTheme sites and is invisible until you test the rendered page.
Does your website hold up
to your own standards?
If you sell technical work, the site is part of the pitch. We build ones that survive the scrutiny — on desktop, on a mid-range phone, and in a page-speed report.