Создание сайтов — удалённая работа в Санкт-Петербурге

Лендинг. Платформа: Tilda. Функционал сайта: просмотр портфолио. Контент есть. 1. Общие требования 1.1. Концепция и цель сайта OBLIQ – премиальный продакшен, создающий визуальные проекты нового уровня: видеосъемка, 3D-анимация, проекционные шоу и digital-инсталляции. Сайт должен отражать эстетику, скорость и технологичность бренда. 1.2. Основные задачи сайта ✔ Презентация услуг и технологий OBLIQ.✔ Демонстрация портфолио (кейсов, видео-примеров).✔ Простая коммуникация с клиентами (заявки, контакты).✔ Визуальное вовлечение через WOW-эффекты, видео, анимацию.✔ SEO-оптимизация для привлечения новых клиентов.✔ Интерактивные элементы для демонстрации проектов.✔ Интеграция с мессенджерами (WhatsApp, Telegram) и CRM. 1.3. Основные требования Дизайн: минимализм, футуризм, digital aesthetic. Навигация: простая, интуитивная. Контент: минимум текста, максимум визуала. Скорость загрузки: высокая, оптимизированные видео и анимации. Адаптивность: корректное отображение на мобильных, планшетах и десктопах. Интерактив: эффекты при наведении, анимации при скролле, динамический контент. Цветовая палитра: Черный (#000000), Яркий зеленый (#A5FF84), Белый (#FFFFFF). Шрифты: Заголовки – Neue Montreal / Aeonik / Futura, Текст – Inter / Mont. 2. Структура страниц 2.1. Главная страница (WOW-эффект) 📌 Цель: создать сильное первое впечатление, сразу вовлечь пользователя. 🔹 Элементы: Фоновое видео (Projection Mapping / 3D-анимация / Digital-инсталляции). Логотип OBLIQ (центральное расположение или в верхнем углу). Заголовок: “OBLIQ – продакшен будущего. Эстетика. Скорость. Погружение.“ Кнопки CTA: “Запросить проект“ (форма заявки в pop-up окне). “Смотреть портфолио“ (плавный скролл вниз). Анимация появления элементов при загрузке. 2.2. О нас 📌 Цель: кратко рассказать о философии OBLIQ. 🔹 Элементы: Заголовок: “Мы создаем премиальный визуальный контент.“ Короткий абзац (2-3 предложения). Принципы работы (5 иконок): ✅ Эстетика ✅ Скорость ✅ Премиум ✅ Генеративность ✅ Иммерсивность SVG-анимация или WebGL-эффект в фоне. 2.3. Услуги 📌 Цель: Четко представить спектр услуг. 🔹 Элементы: Заголовок: “Что мы делаем?“ Три карточки-услуги (анимированные при наведении): Продакшен (Съемка, трансляции, звук, FPV-дроны). Пост-продакшен (Моушн-дизайн, трекинг, AI, дипфейки). Projection Mapping & Digital-инсталляции (фасады, текстуры, VR, WebGL). Кнопка CTA: “Подробнее об услугах“ (переход на страницу с деталями). 2.4. Портфолио (Кейсы) 📌 Цель: Показать успешные проекты OBLIQ. 🔹 Элементы: Галерея видео-превью (3x3 блоки, авто-прокрутка). Фильтр по категориям: Видео 3D-анимация Projection Mapping AI & Digital-инсталляции Кнопка: “Смотреть все кейсы“ (разворачивает портфолио). 2.5. Как мы работаем? 📌 Цель: Объяснить клиентам процесс сотрудничества. 🔹 Элементы: Линейный процесс (5 этапов):1️⃣ Брифинг2️⃣ Подготовка3️⃣ Продакшен4️⃣ Пост-продакшен5️⃣ Запуск Анимация появления элементов при скролле. Кнопка: “Запросить консультацию“. 2.6. Контакты 📌 Цель: Обеспечить быструю связь с OBLIQ. 🔹 Элементы: Форма заявки (Имя | Email | Сообщение). Кнопки WhatsApp / Telegram. Карта офиса / QR-код. Соцсети: Behance | Instagram | Vimeo | YouTube. 3. Технические настройки ✔ SEO-оптимизация (мета-теги, alt-тексты, заголовки).✔ Интеграция с CRM / Почтой (заявки сразу поступают в систему).✔ Подключение аналитики (Google Analytics, Facebook Pixel).✔ Адаптация под мобильные устройства (оптимизация контента).✔ Lazy-loading видео и графики (ускорение загрузки).✔ WebGL-анимации (по возможности).