ИП «Utility First»
г. Алматы, ул. Чайковского, д. 208
Результаты UX-этапа разработки сайта QARA Studios
г. Алматы
12 июня 2026 года
- Исходные материалы: предоставленная QARA Studios схема сайта, список проектов, брендбук QARA Studios, OYU Fest, OYU Live, QARA Forum и референсы из ТЗ.
- Критерии для сайта: короткое верхнее меню, отсутствие дублей в CMS, обновляемые кампании, доступ к материалам после события и место для собственной визуальной системы крупных проектов.
- Предложенная структура включает навигацию и верхнее меню, типы страниц, связи материалов в CMS, основные схемы страниц, принципы визуальной подачи, общие элементы интерфейса и будущие функции вне текущего объема.
Основная идея
Сайт строится вокруг одной контентной базы и короткого верхнего меню. Работы QARA Studios и крупные проекты видны в основных разделах, а полный архив доступен через списки, фильтры и связанные страницы.
CMS хранит проекты, людей, новости, достижения, медиа, места, организации, темы, настройки сайта, формы и кампанийные закрепления. Страницы сайта показывают эти записи в разделах верхнего меню: Проекты, Кино, Новости, О студии, Поддержка и Контакты. Крупные проекты OYU Fest, OYU Live и QARA Forum размещаются внутри Проектов с собственной подачей.
Что это решает
Сайт решает семь задач посетителя и редакции: представить студию, показать работы, поддержать события, публиковать обновления, объяснить поддержку, направить входящие запросы и оставить место для будущего магазина. Эти задачи определяют меню, разделы и связи материалов.
Одна контентная база Проекты, люди, новости, достижения, медиа, места, организации, темы, настройки сайта, формы и кампанийные закрепления создаются один раз и выводятся в разных разделах.
Две шкалы времени Актуальные кампании размещаются выше в навигации. Прошлые работы доступны после завершения события.
Одна запись, несколько мест на сайте Кино, Новости, Люди и блоки наград используют общие записи вместо отдельных наборов данных.
Участники связывают материалы Имена, роли, партнеры, места и награды связывают работы между собой.
Главная направляет к разделам Верхний блок и следующие разделы открывают переходы к актуальному материалу, работам студии, крупным проектам, участию или контакту.
Общий стиль и стиль проектов QARA Studios сохраняет общую навигацию и правила. Крупные проекты могут менять визуальный язык, ритм, цвет, движение и графику.
От списка страниц к структуре разделов
В предложенной структуре исходные пункты распределены на разделы, фильтры, связи между записями и общие элементы интерфейса. Верхнее меню содержит только основные разделы, а редакция работает с одним набором материалов.
Верхнее меню включает основные разделы с самостоятельной ролью: работы, кино, новости, опыт студии, поддержку и контакты. Материал, который уточняет другой раздел, становится фильтром, связью или блоком.
самостоятельная роль раздела
| Исходный запрос | UX-решение | На сайте |
|---|---|---|
| Project Portfolio | Раздел проектов | Раздел «Проекты» с фильтрами и детальными страницами |
| Cinema | Кино как отдельная витрина общей базы проектов | Раздел «Кино» с постерами, кадрами, трейлерами, показами и достижениями |
| OYU Fest, OYU Live, QARA Forum | Разделы крупных проектов в «Проектах» | Главные страницы проектов, выпуски, программы, спикеры, артисты, медиа, внешние ссылки на билеты, регистрация и контакт |
| Awards | Достижения, связанные с проектами и людьми | Блоки в О студии, Кино, страницах проектов, страницах людей и новостях, плюс список с фильтром «Награды» |
| Team, Credits, Speakers, Artists | Люди, связанные с проектами и событиями | Карточки в О студии, участники проектов, спикеры QARA Forum, артисты OYU и страницы людей с собственной подборкой работ |
| News/Collab | Новости по датам | Лента новостей, закрепленные элементы на главной, связанные обновления, итоги, релизы и коллаборации |
| Support | Программа поддержки | Раздел «Поддержка» с миссией, результатами, связанными людьми и проектами. |
| SPOT, LEGACY | Темы или фильтры проектной базы | Фильтры в Проектах с прямыми ссылками или отдельные проектные разделы после решения о регулярности обновлений |
| Shop, Tickets, Contacts | Внешняя покупка, заявка и будущий магазин | Короткие запросы, переходы в мессенджеры и внешние ссылки на покупку. Будущий магазин учитывается как будущий раздел без каталога и оплаты в этом проекте. |
| Languages, Footer | Общие элементы сайта | Переключение языка, юридическая информация, соцсети и служебные ссылки в навигации и футере |
Итоговое меню: Проекты, Кино, Новости, О студии, Поддержка и Контакты. Кино вынесено в отдельный раздел, но в CMS фильмы остаются проектами с типом или фильтром. Связанные материалы выводятся в карточках, фильтрах и блоках на страницах.
Разбор референсов
| Семейство референсов | Референсы | Что используется | Граница |
|---|---|---|---|
| Продакшен и представительство | PRETTYBIRD, STINK FILMS, Division, US, BEHIND STUDIOS, BLONDE | Работы, участники, клиенты, авторы и контакты формируют представление о студии. | Каталог авторов не выносится в главное меню. |
| Кино и редакция | A24, MUBI, Criterion, i-D, It's Nice That, KINFOLK | Обложки, кадры, трейлеры, эссе, календари и артефакты связывают киноработы с датами, показами и редакционными материалами. | Редакционный раздел нужен только при отдельном контент-процессе. |
| Фестиваль и событийная кампания | Coachella, Lollapalooza, Kaytranada, Tame Impala | Событийным разделам нужны верхний блок с айдентикой, даты, статус, программа и переход к регистрации или внешнему билету. | Фестивальная подача нужна в событийных разделах. |
| Культурные материалы | Radiohead, pgLang, VICE MEDIA, A24, Criterion, MUBI | Единая структура подходит для разных типов материалов, когда у каждого раздела есть своя страница и связи с соседними разделами. | QARA Studios — студийный бренд. Работы доступны через разделы, фильтры и связанные страницы. |
| Покупка, подписка и контакт | Coachella, Lollapalooza, MUBI, KINFOLK, pgLang, BLONDE, STINK FILMS | У билетов, регистрации, подписки и запросов разный приоритет в разделах. Будущий магазин описан как отдельное расширение. | Форма размещается после просмотра работ. |
Для общих страниц QARA Studios используется сдержанная подача. У крупных проектов есть собственные верхние блоки, цвета и кампанийные блоки, а Кино использует общую базу проектов и начинается с постеров, кадров и трейлеров.
Оси позиционирования: прошлые материалы или текущая кампания, общий стиль QARA Studios или отдельная айдентика проекта.
Карта сайта
Предоставленная QARA Studios схема сайта включает блоки Главной, разделы меню, проекты, типы материалов, фильтры и будущие функции. В структуре сайта они разделены на четыре роли: верхнее меню, страницы для посетителей, записи CMS и будущие расширения.
Проекты — основной раздел работ. Кино оформляется как отдельная витрина для посетителя. OYU Fest, OYU Live и QARA Forum находятся внутри Проектов как крупные проектные разделы. Язык и футер относятся к общим элементам интерфейса. Контакты собирают адреса, соцсети, формы и маршруты запросов, а для будущего магазина предусмотрено место в архитектуре без каталога, оплаты и обработки заказов в текущем объеме работ.
Открытые решения: навигация, кинораздел, SPOT и LEGACY, форматы OYU Live, формы, билеты и место будущего магазина.
шоурил, актуальное,
работы, опыт, контакт
формы, мессенджеры,
типы запросов
| Раздел / страница | Роль | Типовые дочерние страницы |
|---|---|---|
| Главная | Собрать основные разделы | Шоурил, Сейчас в QARA Studios, крупные проекты, работы и Кино, опыт и признание, контакт, язык и футер |
| Проекты | Основной раздел работ | Фильтры проектов, детальные страницы, разделы OYU Fest, OYU Live и QARA Forum, SPOT и LEGACY, связанные люди, награды, новости |
| Кино | Раздел для кинопроектов из общей базы проектов | Индекс фильмов, страница фильма на основе проектной записи, трейлеры, постеры, кадры, показы, награды |
| Новости | Актуальные и датированные обновления | Анонсы, релизы, коллаборации, награды, итоги |
| О студии | Опыт студии | История студии, люди, выбранные достижения, партнеры |
| Поддержка | Миссия и участие | Программа поддержки, молодые таланты, результаты, связанные люди и проекты. |
| Контакты | Запросы и партнерства | Адреса, соцсети, формы, мессенджеры, коммерческие запросы, партнерства, пресса, вопросы по проектам |
| OYU Fest / OYU Live / QARA Forum | Разделы крупных проектов в Проектах | Выпуски, лайнап, программа, расписание, внешние ссылки на билеты, спикеры, артисты, карта площадки, FAQ, логистика, плейлисты, галереи, итоги и медиа |
| Расширяемые страницы и списки | Добавляются после редакционного решения | Блоки наград со списком по фильтру и отдельные страницы форматов OYU Live |
Хранение материалов
В CMS хранятся не страницы меню, а редакционные записи: проекты, людей, новости, достижения, медиа-материалы, места, организации, темы, настройки сайта, формы и кампанийные закрепления. Редактор создает запись один раз, связывает ее с другими записями, а страницы сайта показывают ее в нужных разделах.
одна запись может
показываться в разных разделах
Редакционные записи
Фильмы, реклама, видео,
фестивали, форумы
Команда, участники,
спикеры, артисты, таланты
Новости, наборы,
показы, релизы
Награды, отборы,
пресса, партнеры
Шоурил, трейлеры,
постеры, галереи
Справочники и управление показом
Города, площадки,
локации съемок и событий
Партнеры, клиенты,
площадки, медиа
Форматы, направления,
фильтры и подборки
Типы запросов,
источники, получатели
Главная, кампании,
язык, настройки сайта
Где эти записи видны посетителю
| Объект | Основные связи | Где показывается |
|---|---|---|
| Проект | С людьми, организациями, местами, достижениями, медиа, темами, новостями | В разделах Проекты, Кино, Поддержка и крупных проектах, на Главной, в Новостях и на страницах людей |
| Человек | С проектами, ролями, организациями, достижениями, новостями, внешними ссылками | В разделе О студии, блоках участников QARA Forum, на страницах OYU, в Поддержке, Новостях и на странице человека |
| Новость | С проектами, людьми, организациями, местами, достижениями, медиа, темами | На Главной, в Новостях, Поддержке, на страницах проектов и людей, в Кино и крупных проектах |
| Достижение | С проектами, людьми, организациями, местами, новостями | В разделах О студии, Кино и Проекты, на страницах людей и в Новостях, плюс список с фильтром «Награды» |
| Медиа-материал | С проектами, новостями, крупными проектами, людьми, темами | В шоуриле, трейлерах, постерах, кадрах, галереях, обложках |
| Организация или тема | С проектами, людьми, новостями, достижениями и местами | В фильтрах, партнерских блоках, карточках и связанных материалах |
| Форма или закрепление | Со страницей, языком, источником, проектом и типом запроса | В Контактах, на Главной, в Поддержке и крупных проектах |
Для редакции это упрощает работу: редактор публикует анонс спикера QARA Forum как новость, во время кампании закрепляет эту новость на Главной, добавляет ссылку на регистрацию и позднее дополняет страницу QARA Forum.
Типы страниц
Типы страниц задают разные сценарии из исходной схемы сайта. У каждого типа есть роль, набор материалов и редакционное примечание. Один материал не распадается на несколько страниц.
| Тип страницы | Роль | Материалы | Примечания |
|---|---|---|---|
| Главная | Помочь выбрать следующий раздел | Медиа, новости, проекты | Шоурил, актуальное, крупные проекты, работы и Кино, опыт и признание, контакт, язык и футер |
| Проекты | Показать широту работ | Проекты, темы, люди, организации | Раздел работ и фильтры |
| Кино | Показать киноработы отдельно | Кинопроекты, достижения, медиа | Те же данные, что в проектах, с отдельной визуальной подачей |
| Раздел крупного проекта | Дать крупным инициативам собственный раздел | Проект, дочерние проекты, люди, медиа, новости | Стиль и движение меняются под конкретный проект |
| Страница проекта | Показать работу первой | Проект, медиа, участники, достижения, новости | Видео или изображение перед описанием |
| Страница человека | Показать связи материалов QARA Studios | Человек, проекты, новости, достижения | Открывается для людей с собственной подборкой работ |
| Список новостей | Показать хронологию и текущую активность | Новости, темы, связанные материалы | Хронология с фильтрами |
| Страница новости | Пояснить, к чему относится обновление | Новость и связи | Блоки связанных материалов предлагают следующий материал или действие |
| О студии | Рассказать о студии | Текст о студии, люди, достижения | Компактная подача через опыт и признание |
| Поддержка | Показать программу поддержки и ее результаты | Люди, проекты, новости | Работа с молодыми талантами и реализованные проекты |
| Контакты | Направить запрос | Адреса, соцсети, формы, мессенджеры, коммерческие запросы, партнерства, пресса, вопросы по проектам | Контактные данные и мессенджеры видны рядом с короткими формами |
Основные вайрфреймы
Три повторяемых паттерна: Главная связывает основные разделы, на странице проекта медиа работы размещаются перед описанием, а у крупного проекта есть собственный верхний блок и кампанийные блоки. Все вайрфреймы опираются на одну модель материалов, поэтому при смене приоритета меняется порядок блоков, а не структура данных.
шоурил или актуальная кампания
закрепленные новости
OYU Fest, OYU Live, QARA Forum
достижения, партнеры
Главная начинается с шоурила или кампании. Затем идут актуальные новости, крупные проекты, Кино, опыт студии и контакт. «Сейчас в QARA Studios» — редакционная полоса из выбранных новостей: один крупный материал, три компактные карточки, строка с датой или постерное обновление.
С Главной доступны актуальная кампания, работы, Кино, крупные проекты и контакт. Приоритет актуальной кампании поднимает блок события выше выбранных работ.
видео, кадр, постер
название, год, тип, краткое описание
смотреть, контакт, внешняя ссылка
люди и партнеры
награды, пресса, показы
Работа видна до описания и связей. Для проекта с заявкой, просмотром или внешним переходом кнопка стоит рядом с первым текстовым блоком.
собственная айдентика
дата, место, статус
внешний билет, регистрация, ссылка
лайнап, спикеры, расписание, FAQ
медиа, плейлисты, итоги
площадка, маршрут, правила
плейлисты, видео, галереи
Крупные проекты используют те же редакционные записи, что и Проекты, но имеют отдельные верхние блоки и кампанийные блоки. У OYU Fest главный акцент — выпуск и лайнап. У QARA Forum — спикеры и программа. У OYU Live — видео и записи выступлений. Карта площадки, FAQ, логистика, плейлисты и внешние медиа-ссылки входят в тот же шаблон крупного проекта.
Верхний блок проекта сохраняет связь с общим меню, языком и контактами QARA Studios. При отсутствии текущей кампании в верхнем блоке ставим ссылку на прошлые выпуски.
Визуальная подача
Визуальная система связывает брендбук QARA Studios и референсы из ТЗ с разделами исходной схемы сайта. Общие страницы держат спокойную основу, а OYU Fest, QARA Forum, OYU Live и Кино могут менять цвет, движение, изображения, кадрирование, ритм и графику.
Едиными остаются навигация, язык, доступность и контактные действия. Айдентика раздела проявляется в верхнем блоке, медиа, цвете, движении и кампанийных блоках.
цвет, цветы,
ритм лайнапа
темное поле,
звезда, сфера
видеосессии,
записи артистов
постеры, кадры,
показы, награды
типографика, навигация, язык,
доступность, контакты
Общий стиль QARA Studios
Брендбук QARA Studios задает сдержанную основу: QARA blue, нейтральную палитру, TT Hoves, свободное пространство, ясные правила логотипа и простую типографическую иерархию. Студийные страницы держат спокойный и точный тон, а эмоцию дает сам материал. Общий стиль применяют Главная, Проекты, Кино как отдельная витрина общей базы проектов, Новости, О студии, Поддержка, Контакты и страницы проектов.
OYU Fest
OYU Fest яркий и системный: цветная основа, плоские цветочные модули, постерная сетка, вступительная и завершающая анимация, плотные паттерны. Раздел OYU Fest использует эту подачу вместе с общей навигацией QARA Studios.
Публичные элементы: главная страница проекта, страницы выпусков, разделы лайнапа и программы, внешние ссылки на билеты, галереи и закрепленные актуальные элементы на Главной.
QARA Forum
Раздел QARA Forum использует белую звезду и анимацию сферы. Он строится как темное, контрастное пространство.
Публичные элементы: главная страница форума, спикеры, прошлые выпуски, анонсы и партнерский контент.
OYU Live
У OYU Live есть заметный текстовый логотип и более спокойная визуальная система, чем у событийных проектов. Раздел устроен как база выступлений: видео открывает сессии и артистов.
Публичные элементы: главная страница проекта, страницы форматов или выпусков, связи артистов и людей, видеозаписи и бэкстейдж-медиа.
Кино
Кинораздел использует постеры, кадры, годы релиза, участников, награды, трейлеры, показы и короткий редакционный текст. Раздел отделяет фильмы от общей сетки проектов.
Маршруты посетителей
В каждом разделе есть понятное действие: открыть актуальный проект, посмотреть фильм, перейти к связанному человеку или отправить запрос. Маршруты короткие, поэтому посетителю не нужно раскрывать полное меню.
| Сценарий | Маршрут | Задача интерфейса |
|---|---|---|
| С главной в крупный проект | Шоурил → Сейчас в QARA Studios → OYU Fest | Показать опыт QARA Studios и актуальный проект |
| Из крупного проекта в выпуск | OYU Fest → текущий выпуск → лайнап, программа, внешний билет | Поставить программу события рядом с датой, местом и переходом |
| Кино как раздел работ | Кино → фильм → трейлер, участники, показы, награды | Показать фильмы отдельно без дублирования проектных записей |
| Из проекта к человеку | Проект → участник → страница человека → связанные работы | Показать связи людей с другими работами QARA Studios |
| Новости как связь между материалами | Новость → проект, человек, место, тема | Показывать одно обновление рядом со связанными материалами |
| Запрос со страницы | Страница → тип запроса → мессенджер или короткая форма | Определить тип запроса без одной общей формы для всех |
Редакционные правила
Редакционные правила определяют, где размещается материал: отдельная страница, блок, фильтр, связь или временное закрепление. Так верхнее меню содержит только основные разделы, а редакционные записи остаются едиными.
Страницы и меню
- Отдельная страница нужна материалу с собственной структурой, адресом и постоянной прямой ссылкой.
- Верхнее меню короткое, а связи между записями хранятся в CMS.
- Пункт исходной схемы сайта с прямой ссылкой открывает отдельную страницу, список с выбранным фильтром или раздел, который публикуется, когда ответственная команда подтверждает запуск.
- Для каждого пункта исходной схемы сайта назначается одно место в структуре: раздел, фильтр, связь, общий элемент интерфейса или будущее расширение.
Кампании и формы
- Актуальные материалы закрепляются на время кампании. Прошлые материалы доступны после ее завершения.
- Формы короткие. Отправка передает источник, язык и страницу проекта.
Визуальная подача и скорость
- Анимация отделяет крупные проекты и важные медиа. Навигация работает быстро.
- Визуальная айдентика меняется в крупных проектах. Общая навигация, доступность, переключение языка и контактные действия одинаковые во всех разделах.
Решения по ТЗ
Навигация, архив и медиа
| Запрос из ТЗ или исходной схемы | Решение для сайта | Критерий приемки |
|---|---|---|
| Главная как ключевая страница | Главная собирает шоурил, актуальную кампанию, выбранные работы, крупные проекты, Кино, контакт и футер. Вертикальный просмотр проектов — вариант верхнего блока для дизайна. | Посетитель из верхнего блока открывает работу, событие, Кино или контакт без раскрытия полного меню. |
| Языки KZ, RU, ENG, цвет и инклюзивность | Переключатель KZ / RU / ENG стоит в шапке и футере. Цветовой переключатель — отдельное решение QARA Studios: стандартный вариант использует одну палитру QARA Studios, крупные проекты меняют цвет внутри своих разделов. | Каждая страница для посетителей имеет три языковые версии, понятные подписи к медиа и заметные состояния кнопок и ссылок. |
| Обложки видео и безопасные зоны кадра | Для каждого видео редактор задает обложку, фокусную точку и безопасную область для широкого, мобильного и вертикального кадра. Текст и кнопки не перекрывают важную часть кадра. | Видеообложка заменяется в CMS без разработки и корректно отображается в широком, мобильном и вертикальном кадре. |
| Базовый поиск и фильтры | Поиск из шапки работает по названиям проектов, именам людей, форматам и направлениям. Новости и фильтры в разделе Проекты помогают просматривать работы по датам и темам. | При первом запуске запрос по названию проекта, имени участника, формату или направлению открывает нужную страницу или список с выбранным фильтром. |
| LEGACY, прошлые работы и хронология | LEGACY работает как тема или фильтр проектной базы. Прошлые работы сортируются по году, проектному направлению, формату, людям и событиям. | Прошлая работа доступна через год, раздел, связанного участника, новость или крупный проект. |
| Видео, тяжелые медиа и мобильный приоритет | Верхний блок использует обложку или легкий предпросмотр без звука. Полное видео включается по клику или тапу. Ниже верхнего блока медиа загружается отложенно, а изображения подбираются под размер экрана. | Кнопки связи и формы открываются быстро при медленном соединении, а видео подстраивается под ширину экрана и ориентацию устройства. |
Контакты и аудитория
| Запрос из ТЗ или исходной схемы | Решение для сайта | Критерий приемки |
|---|---|---|
| CRM, сегментация и сообщество | Контактные формы собирают имя и контакт, затем передают в CRM источник, язык, связанный проект, интерес и тип запроса: коммерция, партнерство, пресса, вопрос по проекту, билеты или поддержка. | Заявка сохраняет сегмент, страницу-источник и согласие на коммуникацию. Если доступы к CRM не переданы к моменту подключения форм, сайт временно хранит те же поля в CMS до подключения CRM. |
| Telegram, push и возврат аудитории | Базовый вариант — Telegram-бот или канал с добровольной подпиской из форм и событийных страниц. Браузерные push-уведомления — расширение после выбора частоты уведомлений и правил согласия. | Пользователь подписывается без всплывающего окна. Сайт сохраняет источник подписки и выбранный интерес. |
| Связь без лишних шагов | Контактный блок разделяет запросы на коммерцию, партнерство, прессу, вопросы по проектам, билеты и поддержку. Кнопки WhatsApp, Telegram, Instagram Direct и короткая форма используют один источник данных. | Минимальная форма принимает имя и контакт, а тема запроса определяется страницей и выбранным действием. |
| Билеты и будущий магазин | Билеты открывают внешнюю покупку. Для будущего магазина предусмотрено место в структуре, но каталог, оплата и обработка заказов остаются за пределами текущего объема работ. | Пиковая продажа билетов обрабатывается внешним сервисом, а событийная страница сохраняет дату, статус и ссылку на покупку. |
Крупные проекты и редакция
| Запрос из ТЗ или исходной схемы | Решение для сайта | Критерий приемки |
|---|---|---|
| Line-up, медиа-интеграции, FAQ и логистика | Крупные проекты включают программу, лайнап, спикеров, плейлисты, внешние медиа-ссылки, карту площадки, FAQ, расписание и логистическую информацию. | OYU Fest, OYU Live и QARA Forum публикуют текущий выпуск и сохраняют прошлые выпуски с медиа и итогами. |
| Админ-панель и редакционная работа | CMS хранит проекты, людей, новости, достижения, медиа, места, организации, темы, настройки сайта, формы и кампанийные закрепления. | Редактор добавляет проект, участника, видео-превью, обложку, перевод и кампанийный блок без разработки. |
Запуск, защита и инфраструктура
| Запрос из ТЗ или исходной схемы | Решение для сайта | Критерий приемки |
|---|---|---|
| SEO, аналитика и мониторинг | Каждая страница имеет адрес, заголовок и описание для поиска, изображение для предпросмотра в соцсетях, языковые версии и события аналитики: отправка формы, клик по билету, фильтр, видео, смена языка и поиск. | В отчетах видны источники заявок, популярные разделы, клики по билетам и ошибки на страницах для посетителей. |
| Спам, боты и защита медиа | Формы проверяют заявки до отправки, ограничивают спам и показывают дополнительную проверку только при подозрительной активности. Страницы сайта показывают превью и воспроизведение видео, а исходные мастер-файлы не публикуются. | Спам-заявки блокируются до попадания в систему заявок, а видео не раскрывает прямую ссылку на мастер-файл. |
| Хостинг, провайдеры и масштабирование | Рекомендуемая инфраструктура: Next.js на Vercel, Sanity для CMS, Cloudflare для домена и периметра защиты, Mux для больших видеофайлов. | Рабочий домен открывается через выбранный хостинг, видео воспроизводится через видеохостинг, формы проходят защиту Cloudflare, а редактор публикует материалы без разработки. |
| Первый запуск | Первый запуск включает Главную, Проекты, страницу проекта, страницу человека, Кино, Новости, OYU Fest, OYU Live, QARA Forum, О студии, Поддержку, Контакты, три языка, CMS, формы, передачу заявок в CRM с временным хранением в CMS при отсутствии доступов, внешние билеты, базовый поиск, SEO, аналитику и защиту форм. | Магазин, браузерные push-уведомления, отдельный пункт верхнего уровня для наград и страницы для всех людей добавляются, когда команды этих направлений подтверждают запуск. |
Открытые решения
| Решение | Рекомендованный вариант | Альтернатива | Цена и эффект | Кто решает |
|---|---|---|---|---|
| Навигация, архив и контент | ||||
| Награды | Блоки достижений в О студии, Кино, Проектах, Людях и Новостях с прямой ссылкой на список с фильтром «Награды» | Отдельный пункт верхнего уровня | Блоки снижают вес меню. Список с фильтром сохраняет прямую ссылку. Отдельный пункт нужен, если для наград запускается отдельный архив. | QARA Studios + редакция |
| Страницы людей | Страницы людей с собственной подборкой работ | Страницы для всех людей | Собственная подборка работ дает странице содержимое и связи. Полный запуск добавляет больше связей, но требует больше контента. | QARA Studios + редакция |
| Границы раздела Кино | Полнометражные фильмы и проекты с кинотеатральными показами | Все кинопроекты студии | Узкий состав удерживает Кино вокруг фильмов и проектов с кинотеатральными показами. Широкий состав добавляет в Кино рекламные и музыкальные работы, поэтому граница с общим разделом Проекты становится менее заметной. | QARA Studios |
| SPOT и LEGACY | Темы или фильтры в проектной базе | Отдельные проектные разделы | Фильтры размещают SPOT и LEGACY внутри раздела Проекты и дают каждому направлению прямую ссылку. Отдельные разделы имеют смысл для направлений с собственной кампанией и регулярными обновлениями. | QARA Studios + команда контента |
| Форматы OYU Live | Группы выпусков в главном разделе | Публичные страницы или фильтры по каждому формату | Группы выпусков OYU Live, OYU Special, OYU Acoustic и OYU Docs используют один раздел OYU Live и прямые ссылки на группы. Отдельные страницы оправданы для форматов с разными аудиториями и наборами медиа. | QARA Studios + команда OYU Live |
| Формы, билеты и магазин | ||||
| Формы, билеты и будущий магазин | Короткие формы, внешние билеты и место для будущего магазина | Отдельный проект магазина | Текущий объем работ относится к сайту QARA Studios. Для будущего магазина предусмотрено место в структуре, но каталог, оплата и обработка заказов относятся к отдельному проекту. | QARA Studios + технический партнер |
| Верхний блок и визуальная система | ||||
| Верхний блок Главной | Шоурил или актуальная кампания, затем выбранные работы и крупные проекты | Вертикальный просмотр проектов в верхнем блоке при запуске | Шоурил быстрее объясняет студию. Вертикальный просмотр подходит для запуска с плотной подборкой работ и требует больше анимационного дизайна. | QARA Studios + дизайн |
| Цветовой переключатель | Одна палитра QARA Studios, а цветовые отличия остаются внутри крупных проектов | Отдельный переключатель цвета в шапке и футере | Одна палитра удерживает общий бренд. Переключатель цвета добавляет интерфейсную функцию, которую нужно поддерживать во всех состояниях и языках. | QARA Studios + дизайн |
| Интеграции и медиа | ||||
| Поиск | Запустить базовый поиск по названиям проектов, именам людей, форматам и направлениям вместе с фильтрами Проектов | Расширить поиск на тексты описаний, новости, медиа и связанные материалы | Базовый поиск снижает объем настройки и сохраняет поиск в первом запуске. Расширенный поиск помогает находить материалы по контексту, но требует больше настройки тем и индексации. | QARA Studios + технический партнер |
| CRM и уведомления | Передавать заявки в CRM с сегментом и подключить Telegram как первый канал подписки | Временно хранить заявки в CMS до подключения CRM, если доступы не переданы к моменту подключения форм | CRM сразу дает сегменты для рассылок. Временное хранение в CMS оставляет прием заявок включенным, но требует ручной выгрузки до подключения CRM. | QARA Studios + ответственный за CRM |
| Видео-хостинг | Mux для больших видеофайлов, стабильного воспроизведения и аналитики просмотров | Внешние встраивания только для материалов без исходного файла | Mux управляет качеством, обложками и скоростью. Встроенные ссылки подходят для архивных материалов, но слабее контролируют скорость и внешний вид. | QARA Studios + технический партнер |
Референсные вайрфреймы
A24
8 экранов
BEHIND STUDIOS
8 экранов
BLONDE
8 экранов
Coachella
6 экранов
Criterion
8 экранов
Division
8 экранов
i-D
4 экрана
It's Nice That
6 экранов
Kaytranada
8 экранов
Kinfolk
8 экранов
Lollapalooza
8 экранов
MUBI
8 экранов
pgLang
6 экранов
PRETTYBIRD
8 экранов
Radiohead
4 экрана
SCOTT FREE
8 экранов
STINK FILMS
8 экранов
Tame Impala
8 экранов
US
8 экранов
VICE MEDIA
2 экрана
Yours Truly Creative
2 экрана
