Кейс

Kelvin Film Lab — двуязычный сайт и CMS для студии постпродакшна

Для Kelvin Film Lab мы создали двуязычный сайт и управляемую админку/CMS: для показа работ, услуг и журнала, приёма заявок на новые проекты и контролируемой публикации.

Логотип Kelvin на тёмном фоне
Клиент
Kelvin Film Lab
Отрасль
Постпродакшн фильмов
Год
2026

01О клиенте

О клиенте

Kelvin Film Lab — студия постпродакшна в Ереване с позиционированием «Yerevan / Worldwide». Студия занимается монтажом, цветокоррекцией, финишингом и DIT/dailies для фильмов, сериалов, документального кино, рекламы и музыкальных клипов.

Для такой студии сайт — одновременно витрина работ и вход для новых проектов. Команда должна обновлять его сама и быстро.

02Исходная задача

Какую задачу нужно было решить

Студии нужен был не статичный сайт, а система, в которой команда сама управляет своим присутствием:

  • Показывать работы на кинематографическом уровне — с видео, обложками и ролью Kelvin в каждом проекте.
  • Просто объяснять услуги — от монтажа до финишинга.
  • Сделать заявку на новый проект простой и безопасной.
  • Обновлять контент без разработчика — на армянском и английском.
  • Публиковать под контролем — с предпросмотром и без случайных изменений на сайте.

От задачи к системе

  1. Исходная ситуация

    Сайт студии должен показывать работы на кинематографическом уровне и оставаться актуальным — без разработчика для каждого изменения.

  2. Решение

    Двуязычный сайт (hy, en) и админка/CMS, где каждое изменение проходит путь от черновика к предпросмотру и только потом попадает на сайт.

  3. Что меняется

    Команда сама поддерживает своё присутствие на двух языках — с контролируемой публикацией.

03Подход

Как мы строили систему

Сайт и систему управления мы проектировали вместе: у каждого публичного раздела есть своя управляемая модель в админке, а любое изменение проходит путь от черновика к предпросмотру и только потом попадает на сайт.

  1. Карта разделов и контента

    Определили разделы сайта — работы, услуги, журнал, о студии и контакты — и управляемые поля для каждого из них.

  2. Бренд в вебе

    Знак Kelvin, красную точку и ритм тёмных и светлых секций превратили в визуальную систему сайта.

  3. Публичный сайт

    Двуязычные адаптивные страницы с крупной типографикой и кинематографичной подачей работ.

  4. Админка/CMS и публикация

    Конструктор страниц, медиа, заявки и путь «черновик → предпросмотр → публикация».

  5. Релизы и постоянное развитие

    Система выходит поэтапно, каждый релиз проходит проверки.

04Работы

Что мы создали

  1. Бренд и визуальное направление

    Круглый знак «k» и логотип, красная точка, тёмные и светлые секции, крупная типографика — кинематографично, но сдержанно.

  2. UX и публичный сайт

    Работы, услуги, журнал, о студии и контакты — с понятной навигацией и полноэкранным мобильным меню.

  3. Система показа работ

    У каждого проекта — тип, год, роль Kelvin, видео, обложки для десктопа и мобильных, галерея, категории и услуги.

  4. Услуги и журнал

    Управляемый список услуг и журнал с темами и автоматическим расчётом времени чтения.

  5. Контакты и приём заявок

    Короткая форма только с нужными полями, защита от спама, подтверждение только после сохранения заявки и обработка заявок в админке.

  6. Админка/CMS и работа с контентом

    Визуальный конструктор страниц, медиа, навигация, типографика и цвета, заявки, пользователи и журнал изменений с доступом по ролям.

  7. Двуязычная система

    Весь контент на армянском и английском — парные поля, отдельные адреса и правильная языковая разметка для поисковиков.

  8. SEO, доступность и адаптивность

    Canonical, hreflang, Open Graph и sitemap, аналитика только после согласия, контраст по WCAG AA с проверкой при публикации, адаптивные страницы.

Логотип Kelvin Film Lab: круглый знак «k», надпись kelvin с красной точкой и слоган «creating a media family»
Логотип и слоган Kelvin

05Процесс

Путь контента — от черновика до сайта

Поясняющая схема по задокументированному процессу системы, а не скриншот.

  1. Черновик изменения сохраняются, не затрагивая сайт
  2. Предпросмотр в размерах телефона, планшета и десктопа
  3. Публикация армянская и английская версии на сайте
  4. Новое изменение правка опубликованной страницы сначала становится черновиком
  5. Архив материал снимается с сайта без удаления

06Система управления

Структура сайта и админки

Поясняющая карта по коду и документации, а не скриншот.

Всё связано с: Admin / CMS

  • Работы портфолио с категориями и порядком
  • Услуги включение, порядок и черновики
  • Журнал статьи по темам
  • О студии рассказ о студии и команде
  • Контакты форма заявки и подтверждение
  • Конструктор страниц блоки и hero-слайдер для основных страниц
  • Медиа версии WebP, видео, отдельный кадр для мобильных
  • Заявки статус, ответственный и заметки
  • Навигация и соцсети меню и ссылки на соцсети
  • Типографика и цвета по роли текста
  • Пользователи и роли три роли с проверкой на сервере
  • Журнал изменений история с поиском и фильтрами

Интерфейсы

Главная страница сайта Kelvin Film Lab на десктопе, английская версия
Главная, десктоп. Реальный интерфейс — локальная сборка с демо-контентом.
Главная страница сайта Kelvin Film Lab на телефоне, армянская версия
Главная, телефон, армянская версия. Реальный интерфейс, демо-контент.
Форма заявки «Начать проект» на телефоне
Форма заявки, телефон. Пустая форма, без заявок.

07Результат

Что изменилось

У Kelvin Film Lab работающий двуязычный сайт и система управления, в которой команда сама обновляет своё присутствие:

  • Системное управление контентом — без разработчика.
  • Единая структура показа проектов.
  • Контролируемая публикация на двух языках — с предпросмотром.
  • Чёткое разделение публичного сайта и админки.
  • Расширяемая основа для дальнейшего развития.

Измеримые показатели (посещаемость, заявки) не публикуем, пока они не подтверждены.

Постоянное развитие

Сотрудничество продолжается: система выходит поэтапно и развивается под новые задачи студии.

Вашей студии тоже нужен сайт, которым команда управляет сама?

Расскажите о своей работе — после бесплатной диагностики предложим, с чего начать.