баннер

Онлайн-тест по безопасности

Разработанный специально для компании Linde онлайн-тест на знание безопасности погрузочных работ.

Срок реализации:
14 дней
Команда проекта:
Руководитель проекта, аккаунт-менеджер, дизайнер, разработчик на WordPress
Услуги:
Прототипирование и дизайн слайдов, программинг и создание анимации, внедрение на сайт.

1.Разработка прототипа

Поступил заказ на разработку игрового онлайн-теста для владельцев погрузчиков Linde. Цель теста не только развлекательная, в задачи ему ставится также увеличение базы подписчиков на маркетинговые рассылки. В качестве награды за прохождение теста и подписку компания разыгрывает призы среди участников, оставивших свои контактные данные.

 

Прототип стартовой страницы

2.Дизайн слайдов

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

 

Стартовая страница теста



3.Программинг и создание анимации для прохождения теста

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

Чтобы добавить тесту элемент игры, был разработан анимированный прогресс-бар прохождения теста. Когда пользователь отвечает на вопрос, погрузчик внизу экрана поднимает палету с грузом, таким образом обозначая успешное действие. В то же время шкала прогресс-бара заполняется на одно деление и пользователь может увидеть пройденный путь.

 

Дизайн основного слайда

4.Контент и обработка результатов

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

Наполнение теста вопросами делается через админ-панель сайта. Здесь же назначается правильный ответ. Контент-менеджер заказчика может менять текст и количество вопросов, изображения в вопросах в любое время на свое усмотрение.

 

Страница результата теста



Понравился проект?
Отставьте заявку и мы обсудим вашу задачу