Интерактивное приложение с викторинами «Тулунский район. Наследие мастеров»

Решение

Приступая к проектированию, мы понимали, что здесь нельзя просто сверстать набор страниц — требовалось продуманное цифровое пространство, которое одинаково хорошо работает и как экспозиционный гид, и как развлекательная площадка. Так появилось приложение «Тулунский район. Наследие мастеров». В нем мы соединили сказочность с интуитивной навигацией и глубоким краеведческим контентом. Каждый экран, каждая анимация и кнопка проектировались так, чтобы даже школьник начальных классов мог самостоятельно исследовать всё приложение.

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

Отдельным ярким блоком стали две интерактивные викторины — «Знаешь ли ты народные ремесла» на 16 вопросов и «Народные ремесла Тулунского района» на 10 вопросов, обе отлично подойдут для детей любого школьного возраста. Их задача — превратить полученные знания в игру, которую хочется пройти до конца, а потом повторить. 

Весь текстовый и медийный контент от подписей к экспонатам до видео мастер-классов и PDF-документов — управляется через административную панель Vinchi CMS, которую мы передали заказчику с подробным руководством.

Дизайн и логика взаимодействия

Экран ожидания стал первой точкой погружения в атмосферу. На нем мы разместили анимацию сменяющих друг друга образов народного быта — чаша-братина, крынки, прялка, корзина, кукла. Эти предметы знакомы даже маленьким детям по сказкам. Это сразу помогает юным гостям считать посыл: о чем будет приложение. 

Уже на этом экране мы разместили две ключевые кнопки: «Просмотр» — вход в основное приложение — и «Мастер-классы и мероприятия» — прямой переход к афишам событий Центра ремесел. Это решение позволяет посетителю моментально найти практическую информацию, не уходя в глубину разделов, что особенно ценно для родителей с детьми, планирующих участие в мероприятиях.

На домашнем экране находится кнопка, открывающая модальное окно с «предисловием» от музея. Справа от текста горизонтально прокручиваются карточки-обложки разделов, которые посетитель может изучить: «Мастера и их истории», «Материалы и инструменты» и карточка, ведущая к викторинам. Горизонтальная прокрутка выбрана не случайно — она идеально ложится на ландшафтную ориентацию экрана и напоминает перелистывание страниц книги или движение вглубь экспозиции. Такой жест интуитивно понятен даже детям, которые привыкли к сенсорным устройствам.

Следуя логике горизонтального скролла, организован и раздел «Виды ремесел»: каждое ремесло — гончарное дело, резьба по дереву, вышивка, ткачество, художественная роспись и другие — представлено отдельной карточкой. Такой же принцип реализован в разделах «Мастера и их истории», где собраны профили с биографиями, интервью и фотографиями мастерских, и в разделе «Материалы и инструменты». Благодаря единообразной навигации пользователь не теряется, свободно перемещаясь между разделами.

Раздел «Мастер-классы и мероприятия» оформлен как отдельная галерея афиш и доступен в два касания — с экрана ожидания или из основного меню. Каждое событие представлено визуально привлекательной афишей, которую сотрудники загружают через админ-панель. Так музей получает оперативный канал коммуникации с посетителем: новые мероприятия становятся доступны мгновенно, без задержек на доработку приложения.

Особого внимания заслуживают викторины. Мы понимали, что сухие тесты оттолкнут ребенка поэтому превратили проверку знаний в увлекательное соревнование с самим собой. На игровой странице последовательно появляются вопросы с четырьмя вариантами ответов. После касания выбранного варианта остальные становятся неактивными, и моментально включается обратная связь: зелёный цвет и специальный звуковой сигнал при правильном ответе; красный цвет, звук ошибки и демонстрация верного варианта — при неправильном. Кнопки «начать сначала» и «закрыть» позволяют пройти викторину повторно, что поддерживает интерес и дает возможность улучшить результат.

Весь визуальный строй приложения подчинен задаче создать уютную, сказочную среду, не перегружая детское восприятие. Мы использовали пастельные, красные и бежевые тона, которые ассоциируются с природными материалами — глиной, деревом, льном, вышивкой. Шрифты стилизованы под кириллическое письмо, но при этом легко читаемы. 

Административная панель

Вместе с приложением заказчик получил административную панель Vinchi CMS и подробное иллюстрированное руководство — музей может сам управлять контентом. Сотрудники могут добавлять, редактировать и удалять разделы и подразделы, обновлять тексты и изображения, загружать видео, аудиозаписи и PDF-документы, управлять координатами, перекрестными ссылками и тегами.  Все делается в несколько кликов, без привлечения разработчиков. 

Благодаря тому что контент на всех экранах подгружается из админ-панели, структура остается гибкой, а дизайн не «плывет» . Музей перестает зависеть от технических специалистов и может развивать приложение в своем темпе, реагируя на события и интересы посетителей.

Результат

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