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.
- 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: Balabony — inclusive literary platform