Обсудить задачу ↗
← Проекты
Дизайн + разработка / CASE STUDY

Qazaq Quiz

Платформа для проведения командных квизов.

Моя рольДизайн + разработка
TOOLS / PRACTICEJavaScript · Web Audio · Web
Формат кейсаПродукт · интерфейс · реализация
DESIGN + ENGINEERING

Спроектировал и разработал

Мой вклад — проектирование интерфейса и разработка приложения.

01DESIGN02CODE03PRODUCT
В этом проекте
  • Пульт ведущего
  • Экран зала
  • Таймер и результаты
Qazaq Quiz
Qazaq Quiz / Дизайн + разработка

Задача

Дать ведущему управление игрой, а участникам — понятный экран вопросов.

01 / LIVE CONTROL

Один пульт связывает ход игры

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

Публичная презентация и демонстратор
02 / STAGE SCREEN

Вопрос читается с расстояния

Вопрос и варианты ответа занимают основную область, таймер вынесен в отдельный крупный блок. Номер вопроса, тур и баллы остаются вторичной информацией. Скриншот снят после переключения демо в состояние «Сұрақ + Таймер».

Вопрос, ответы и таймер в демо
03 / GAME STATES

Тот же экран — другая задача

После вопроса экран может перейти к результатам. Общая рамка эфира сохраняется, а главное содержимое меняется на сравнение команд. Это делает состояния последовательными и позволяет ведущему ориентироваться в ходе игры.

Таблица результатов публичного демо
04 / ROLE DESIGN

У каждой роли свой набор действий

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

Ролевые возможности на публичной странице
VISUAL LANGUAGE

Характер проекта

Контрастная подача для эфира: тёмная сцена, светлый текст и бирюзовый цвет управления.

TYPOGRAPHY / Fira SansВопрос на экране.Aa Бб Әә Ғғ Ққ Ңң Өө Ұұ Үү Һһ Іі
0123456789
#00B2D6
#0B1821
#F6F9FA
#F2F5F7

Fira Sans

Крупный вопрос и таймер отделены от небольших служебных подписей.

Состояние важнее декора

Разные состояния эфира сохраняют общую рамку и меняют основное содержимое.

ТЕХНОЛОГИИ РЕАЛИЗАЦИИ
01JavaScript02Web Audio03Web
DELIVERABLE

Что получилось

Пульт ведущего, экран проектора, таймер, звуковые сигналы и таблица результатов.

Открыть сайт ↗
Следующий проектOskemenAlumni ↗
LET’S TALK

Обсудим твою задачу?

Напиши мне в WhatsApp: расскажи о проекте или предложении работы.

Написать в WhatsApp+7 708 903 43 49