Ляман Керимова: видеопортфолио

01О проекте

Ляман Керимова снимает и монтирует Reels, разрабатывает контент для соцсетей и настраивает рекламу в Meta. Для её личного бренда мы разработали сайт с видеопортфолио, отдельной страницей услуг и личным кабинетом. Публичная часть доступна на азербайджанском, русском и английском языках.

02Задача

Показать работы в действии и дать посетителю прямой путь к обсуждению съёмки. При этом пополнение портфолио не должно зависеть от разработчика: заказчица должна сама добавлять новые ролики, выбирать обложки и управлять публикацией. Большие файлы с телефона нужно подготовить для сайта автоматически.

03Что сделали

• Главную страницу с портретом, позиционированием и сеткой вертикальных видео. Ролик воспроизводится прямо в карточке; одновременно играет одно видео, а при уходе из видимой области оно ставится на паузу.
• Страницу услуг: съёмка и монтаж Reels, монтаж готового материала, контент на месяц и таргетированная реклама. Условия бронирования и правок вынесены в отдельный заметный блок.
• Закрытый личный кабинет: загрузка видео, заголовки на трёх языках, изменение порядка, публикация и снятие с публикации.
• Выбор обложки из кадров ролика или загрузку своей картинки. Лента кадров позволяет найти нужный момент без постоянной перемотки тяжёлого видео.
• Загрузку файла частями с учётом уже принятого объёма и прогресс обработки. Готовые ролики появляются в публичном портфолио после публикации.

04Дизайн и структура

Тёмно-фиолетовый фон, светло-жёлтые акценты, крупные заголовки и декоративные элементы, связанные с видео и монтажом. Главная знакомит со специалистом и показывает работы, страница услуг объясняет предложение и условия. WhatsApp доступен в шапке, на узком экране ссылка сворачивается в иконку. Каждый язык открывается по своему адресу и переключается обычной ссылкой.

05Как обрабатываются видео

Сервер проверяет формат, размер кадра, битрейт и частоту кадров. Подходящий готовый экспорт переупаковывается без повторного сжатия; остальным файлам FFmpeg подготавливает MP4 с H.264 и, при наличии звука, AAC. Индекс переносится в начало файла для старта воспроизведения до полной загрузки, метаданные исходника удаляются. Задачи идут по очереди, а незавершённая обработка восстанавливается после перезапуска сервера.

06Технологии

Node.js и Fastify на сервере, Nunjucks для HTML-страниц, SQLite для данных и FFmpeg для обработки видео и обложек. Интерфейс написан на HTML, CSS и JavaScript. В проекте предусмотрены отдельные языковые URL, canonical, hreflang и sitemap.

07Результат

Рабочее видеопортфолио с управлением контентом: посетитель смотрит работы и переходит в WhatsApp, а заказчица обновляет ролики, обложки и порядок без правок кода. Живой сайт доступен по ссылке lamankarimova.com.

Технологии