Кейси / Демосайт оборонної компанії
Kraigard
Вигадана компанія, справжній сайт: дві мови, сім форм із заявками в Telegram, перевірка фото від геоданих прямо в браузері, панель доступності й захист форм від ботів і чужих сайтів.
Kraigard — демонстрація можливостей студії: компанію, вироби й ілюстрації вигадано. Для клієнтів працюємо лише з реальними компаніями, справжніми фото, відео й сертифікатами — а за потреби організуємо зйомку з перевіреним фотографом.
- 97–100
- швидкість на комп’ютері, Lighthouse
- 0
- сторонніх запитів і трекерів
- 0
- вразливостей у залежностях
- 70
- сторінок під автотестами
Задача
Показати оборонним компаніям, яким має бути їхній сайт: безпечним, законним і швидким. Компанію 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 режимах
Хочу такий сайт — заповнити ТЗ
Інший кейс: Балабони — інклюзивна літературна платформа