<p>? Техническое задание на первый экран (мобильная версия)</p><p>Проект: Новый сайт веб студии</p><p>?</p><p>1. Исходники, которые уже есть</p><p>К проекту прикладывается:</p><p>1.1. Дизайн (JPEG)</p><p>Готовый референс первого экрана в формате JPEG.</p><p>Если потребуется, можем отрисовать его заново по слоям в Figma:</p><p> • фоновые горы</p><p> • персонаж</p><p> • неоновое свечение</p><p> • тексты</p><p> • кнопка</p><p> • нижнее меню</p><p>(Основной смысл — дизайнеру нужно понимать, что композиция в JPEG должна быть точно повторена.)</p><p>1.2. Анимация фона (видео)</p><p>Отдельно прикладывается анимация заднего фона:</p><p> • формат: MP4 (обязательно) и WebM (желательно для Chrome)</p><p> • длительность: 3–4 секунды</p><p> • тип: зацикленное видео без рывков</p><p> • назначение: используется как фоновое видео за всей композицией</p><p>?</p><p>2. Что нужно реализовать</p><p>2.1. Фоновое видео ( в приложении)</p><p>Видео размещается как background первого экрана:</p><p><video autoplay muted loop playsinline></video></p><p>Требования:</p><p> • не должно тормозить на мобильных</p><p> • вес до 1.5–2 MB</p><p> • подгоняется под ширину экрана, без белых полос</p><p>?</p><p>2.2. Поверх видео должны быть размещены:</p><p>1?? Логотип A-LUX (SVG)</p><p>2?? Подпись: «с 2007 года»</p><p>3?? Заголовок:</p><p>«Покоряем цифровые вершины Казахстана»</p><p>4?? Подзаголовок:</p><p>Создаём мобильные приложения, сайты </p><p>и внедряем ИИ</p><p>5?? Мелкий текст:</p><p>с 2007 года </p><p>500+ завершённых проектов</p><p>6?? Кнопка CTA: «Оставить заявку»</p><p>— стиль неоновый, как на JPEG</p><p>7?? Нижнее меню (фиксированная панель):</p><p> • Главная</p><p> • Услуги</p><p> • Кейсы</p><p> • Контакты</p><p>(иконки — SVG)</p><p>?</p><p>3. Требования к верстке</p><p> • Чистая мобильная HTML-верстка</p><p> • CSS (можно Tailwind/SCSS или обычный CSS)</p><p> • Минимум JS</p><p> • Все тексты должны быть живыми, НЕ картинкой</p><p> • Логотип и иконки — SVG</p><p> • Кнопка — CSS (градиент/свечение)</p><p>?</p><p>4. Оптимизация</p><p> • Все изображения желательно в WebP</p><p> • Видео прогнать через FFmpeg (битрейт 700–1200 kbps)</p><p> • Общий вес экрана до 2–3 MB максимум</p><p> • Никаких тяжёлых CSS-фильтров</p><p>?</p><p>5. Что нужно от подрядчика</p><p> • Перенести JPEG-референс в точную HTML-структуру</p><p> • Подключить видео-фон</p><p> • Собрать слои (если нужно — мы предоставим по слоям)</p><p> • Сделать аккуратную адаптивную мобильную верстку</p><p> • Сделать чистую HTML-страницу с подключённым видео</p><p>?</p><p>6. Что мы можем дополнительно предоставить</p><p>По запросу:</p><p> • исходник дизайна в Figma (по слоям)</p><p> • отрисованные элементы (фон, персонаж, свечение)</p><p> • оптимизированные ассеты (WebP, SVG)</p>
