REDESIGN.LEGAL-TECH SITE · DARK V2
Nexora Legal
Redesign of a law firm site for digital businesses: dark version v2, hand-built on pure static, no framework, design-token driven. One content source → two sites (light + dark) for A/B.
// nexora: dark v2 · 46 pages hand-built, 0 frameworks
A legal site that guides the client itself: 10 practice areas and 6 digital-business sectors structured so visitors find their problem fast and reach out on Telegram.
pages hand-built · 0 frameworks
01 / Challenge
A law firm needs to earn trust in 5 seconds.
Digital businesses (IT, GameDev, e-commerce, media, AI) need a lawyer who speaks their language. The site has to prove that instantly, without filler.
I laid out the service matrix: 10 practices across 6 sectors. Dump it as a list and the visitor drowns. Hide it in a menu and they don't trust it. So I built it so the client finds their problem in seconds and leaves on Telegram.
Three core problems
- Complex service matrix
10 legal practice areas across 6 sectors, presented without overwhelming the visitor.
- Tone
Serious without being stuffy: the language of digital business, not legalese.
- Two markets
RU and EN, a single content source in both working languages.
02 / Solution
Pure static. Zero framework.
The site is hand-built in vanilla HTML/CSS/JS on top of design tokens: a dark palette, large typography, and a clean practice grid. One content source, deployed as two sites (light and dark) for A/B testing.
:root{
--bg: #0A0A0B;
--ink: #F5F5F7;
--muted: #9A9AA2;
--line: #1E1E22;
--accent: #6E56CF;
/* single source · light + dark */
}No CMS, no build step: just static files that are trivial to host and index, with one clear CTA: contact via Telegram.
What I built
- 46 pages hand-built
Practice areas, sectors, case studies, team, contact: no CMS or framework.
- 10 practices × 6 sectors
A service matrix visitors use to find their problem quickly.
- RU + EN
One content source, two working languages.
- A/B light + dark
Single source → two sites for perception testing.
- Telegram funnel
Fast contact by topic: the site's primary CTA.
03 / The build
Dark v2 · desktop + mobile.
The same redesign on desktop and mobile: large typography and the practice grid hold up without loss across breakpoints.
Rebuilt 1:1 · desktop + mobile
// nexora dark v2: responsive desktop → mobile, 0 frameworks
04 / Results
What it stands on: hand-built scale and structure.
one content source → two sites · A/B light + dark
Demo redesign (dark v2): no traffic or lead figures to report. All numbers are actual page count and site structure.
* Nexora Legal is the project name; v2 is a demo, not deployed as production.
Legal partners for digital business.
I'll build a site that earns trust.
Clean static, your tokens and tone: a site where the client finds their problem in seconds and messages you.