Промо-сайт

Тест Game of Thrones

Простой тест. Определяет к какому персонажу из Игры престолов наиболее соответствуют ответы на вопросы.

Идея

Идея этого теста была довольно простой. Как огромные поклонники Игры Престолов, мы хотели объединить наши навыки с захватывающим сериалом и поделиться этим с другими людьми.

Mobile First

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

Процесс

Начали с составления списка персонажей, базы вопросов и алгоритма вычисления (подробнее об этом ниже). Затем мы перешли к обработке изображений для каждого персонажа. Как видно на скриншоте ниже, есть светлая тема оформления, но мы решили выбрать темную, потому что она больше подходит для Игры престолов, особенно к финальному сезону.

У нас получитлся такой перечень страниц:

  • Стартовый экран
  • Страница вопросов
  • Страница результатов

Добавили небольшую фичу

Если курсор покидает границы сайта, в правом нижнем углу появляется Лианна Мормонт.

Алгоритм

Мы присвоили каждому персонажу значения определенных параметров: Ум, Честь, Чувство юмора, Сила, Храбрость, Харизма. И для каждого варианта ответа мы установили несколько значений. Например, если ваш ответ 1, то вы получите 10 баллов за Юмор и 20 за Харизму.

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

Кстати, мы использовали Google таблицы для составления и тестирования алгоритма. Это помогло отладить процесс работы алгоритма еще до этапа разработки.

Разработка

Для реализации теста решили использовать фреймворк vue.js. С помощью него можно быстро создавать и запусткать проекты. Так же он позволяет реактивно управлять данными.

Подводим итоги

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