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

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

«Пятнашки» – игра, где нужно собрать изображения в последовательную историю, используя только девять, двенадцать или пятнадцать картинок. 

Цель игры: перемещая картинки по игровому полю, собрать правильную последовательность и увидеть единую историю. Для поддержки пользователя в достижении цели в игре предусмотрены подсказки: на каждом изображении имеется кнопка «i», при клике на которую всплывает окно с дополнительной информацией или описанием.

Дизайн и интерфейс:

• Дизайн игрового поля представляет собой сетку квадратных ячеек, соответствующих размеру выбранной игры (3x3, 4x4 и т. д.), каждая ячейка содержит часть изображения (карточка, представляющая собой фрагмент общего изображения).
• На каждой карточке имеется кнопка «i» (информация), которая вызывает всплывающее окно с дополнительными деталями или описанием этой карточки. Дополнительная информация может включать в себя текст, изображения, ссылки или другие интерактивные элементы.
• Адаптивный дизайн, который будет корректно отображаться на различных устройствах: мобильных телефонах, планшетах и компьютерах.

Технические характеристики игры:

• Кросс-браузерность: обеспечение совместимости игры с различными веб-браузерами.
• Производительность: оптимизация кода и изображений для улучшения производительности и быстрой загрузки игры; кэширование данных, чтобы уменьшить нагрузку на сервер.
• Сборка изображения: перемещение изображения с помощью клика на 2 изображения, которые мы меняем местами.
• Предоставление дополнительной информации с помощью кнопки «i» на каждом изображении (вывод окна с информацией при клике на кнопку i).
• Победа и окончание игры: когда пользователь соберет изображения в правильной последовательности и составит общую картину, система определит это как победу и завершит игру, появится всплывающее окно с поздравлением, которое сообщит пользователю о его успехе.
• Возможность перезапуска игры: в окне с поздравлением имеется кнопка, позволяющая пользователю перезапустить игру, если он хочет сыграть ещё раз.