Altaviator: від ручного ескізу до запуску

На цій сторінці

1. Задача
2. Що ми зробили
3. Як він побудований
4. Як він працює
5. Результат

Задача

Пілоту, який працює сам, потрібен сайт, що має вигляд серйозної компанії, пояснює власникам будинків і архітекторам три доволі технічні послуги й приводить запити письмово, а не дзвінками під час вечері.

Що ми зробили

• Логотип з ручного ескізу, перетворений на векторний знак, напис і набір фавіконок.
• Дизайн-система: палітра, шрифти, токени й 29 компонентів, кожен із прев’ю та правилами.
• Макети кожної сторінки для комп’ютера й телефона, а потім і самі сторінки.
• Анімації для кожної послуги: радар, обмір даху, сканування фасаду, які програються один раз під час прокручування.
• Тексти англійською й німецькою, з Impressum і політикою конфіденційності.

Як він побудований

Статичні PHP-сторінки зі спільними частинами, без бази даних і без CMS, бо вони тут не потрібні. CSS з дизайн-системи, чистий JavaScript, GSAP для анімацій. Усе зберігається разом із сайтом: жодних шрифтів, скриптів чи зображень з чужих серверів.¹

У формі зворотного зв’язку немає капчі. Натомість роботу виконують кілька непомітних перевірок: підписаний одноразовий токен, невелика обчислювальна задача в браузері, поле-пастка й обмеження частоти, яке ніколи не зберігає IP-адресу.

Як він працює

Розробка — на тестовому сервері з Docker, робочий сайт — на CentOS 9 з nginx і php-fpm. Нові версії виходять однією командою з позначеної версії, а форма має власні тести на обох серверах.

Результат

Працює з жовтня 2026 року в тестовому режимі: запити вже приймаються, а відповіді почнуться в лютому 2027-го.²

Увесь шлях, від ескізу олівцем до скрипту релізу, — це шлях, який ми пропонуємо кожному клієнту.