Кейси / Демосайт оборонної компанії
Kraigard
Вигадана компанія, справжній сайт: дві мови, заявки одразу в Telegram, очищення фото від геоміток, захист форм від ботів.
Kraigard — демонстрація можливостей студії: компанію, вироби й ілюстрації вигадано. Для клієнтів працюємо лише з реальними компаніями, справжніми фото, відео й сертифікатами.
- 97–100
- швидкість за оцінкою Google
- 0
- стеження за відвідувачами
- 0
- відомих дірок у захисті
Задача
Показати оборонним компаніям, яким має бути їхній сайт: безпечним, законним і швидким. Компанію Kraigard вигадано, щоб показати все, не ризикуючи чужими даними, — але кожна функція на сайті справжня.
Що зробили
- Українська за замовчуванням і англійська з власними адресами сторінок; перемикач веде на ту саму сторінку.
- Сім форм — демонстрація, консалтинг, вакансії, медіа, повідомлення про порушення, ТЗ і питання — із заявками в Telegram за секунди.
- Перевірка фото від геоданих у браузері: читає GPS і дані пристрою в JPEG, PNG і WebP і робить чисту копію без завантаження на сервер.
- Новини перевірено на ст. 114-2 КК: без підрозділів, місць і обсягів поставок.
- Реквізити за законом про е-комерцію, примітки про експортний контроль, анонімний канал для викривачів без IP-адрес.
- Панель доступності: світла й темна теми, текст до 150 %, високий контраст, інтервали, зупинка анімації.
- Захист форм: лише запити з самого сайту, обмеження розміру й частоти, пастка для ботів.
Технології
- Основа
- Next.js 16, React 19, TypeScript
- Хостинг
- Vercel, глобальна мережа доставки, HTTPS і HSTS
- База даних
- Немає — сторінки зібрані заздалегідь
- Безпека
- CSP, Permissions-Policy, перевірка джерела запитів, security.txt
- Якість
- 70 сторінок під автотестами, 22 сценарії в браузері, axe у 6 режимах
Хочу такий сайт — заповнити ТЗ
Інший кейс: Університет «Нова освіта» — демосайт університету