Case studies / Demo website of a defence company

Kraigard

A fictional company with a real website: two languages, seven forms that send requests to Telegram, an in-browser photo geodata check, an accessibility panel, and forms protected from bots and third-party sites.

Kraigard demonstrates what the studio can do: the company, its products and illustrations are fictional. For clients, we work only with real companies and genuine photos, videos and certificates — and arrange a shoot with a trusted photographer if needed.

Open kraigard.com

97–100
desktop speed, Lighthouse
0
third-party requests and trackers
0
vulnerabilities in dependencies
70
pages covered by automated tests

Task

Show defence companies what their website should be: secure, lawful and fast. Kraigard is fictional so that we could show everything without risking anyone’s data — but every feature on the site is real.

What we did

  • Ukrainian by default and English with its own page addresses; the language switcher leads to the same page.
  • Seven forms — demo, consulting, vacancies, media, violation reporting, brief and questions — delivering requests to Telegram within seconds.
  • In-browser photo geodata check: reads GPS and device data in JPEG, PNG and WebP and makes a clean copy without uploading anything to a server.
  • News checked against Ukraine’s martial-law rules on military information (Art. 114-2 of the Criminal Code): no units, locations or delivery volumes.
  • Company details as required by Ukraine’s e-commerce law, export-control notes, an anonymous whistleblower channel that does not record IP addresses.
  • Accessibility panel: light and dark themes, text up to 150%, high contrast, wider spacing, stopping animations.
  • Form protection: requests only from the site itself, size and rate limits, a bot trap.

Technology

Core
Next.js 16, React 19, TypeScript
Hosting
Vercel, global delivery network, HTTPS and HSTS
Database
None — pages are built in advance
Security
CSP, Permissions-Policy, request origin checks, security.txt
Quality
70 pages covered by automated tests, 22 browser scenarios, axe in 6 modes

I want a website like this — fill in the brief

Another case study: Balabonyinclusive literary platform