Куваземье — лендинг марафона корп. ценностей Cuva

Мы строили-строили и наконец построили… корпоративные ценности😃
Сидели и думали как бы провести внедрение поинтереснее.
Решили делать марафон… серию геймифицированных встреч.
Да и соседи недавно сделали что-то похожее, оформив всё под КВМ, мол общий сбор, ценности это камни бесконечности, хранители ценностей это мстители…

И тут Остапа понесло…
А что если взять за основу Dungeon&dragons…

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

Давным-давно, далеко-далеко жил был дизайнер...

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

Ах, да, классы... пришлось разработать, отталкиваясь от ценностей, систему классов, чтобы их сильные черты коррелировали с той или иной «силой».
Базовые классы
Получилось шесть базовых классов, выражающих доминирование той или иной ценности. Теперь нужно проработать смешанные классы. Идея в том что классы между собой могут образовывать смешанный, если, скажем не одна какая-то ценность почти до предела раскачена, а выражена какие-то две, пусть и меньше.

Вышла следующая система:
Осталось это всё оживить, добавив интерактива. Пришлось вспоминать JS и кодить ночами, но это того стоило. Получился тест на манер создания персонажа в РПГ играх, его можно пройти и сейчас, и узнать, кто вы в Куваземье 😉
Тест размещен на бесплатном хостинге
Браузер может предупреждать о небезопасном соединении. Нажимайте всё равно перейти на сайт, контент полностью безопасен 😉

А ещё очень весело было фотошопить фотографии коллег для блока «Легендарные воины» 😂

Страница марафона
Собственно лендинг события со всей ключевой информацией. Ниже можно открыть ПК вариант для просмотра.

Написать мне:
Мой канал в Телеграме:
Страница марафона
с компьютера
Прокрутите вниз, чтобы посмотреть полностью
Made on
Tilda