Что?

Создание интерактивных подсказок на SHIPNEXT

Зачем? Время от времени каждый из нас сталкивается с ситуацией, когда,
попав на новый для себя сайт, приходится хорошенько поразмыслить минуту-
другую, чтобы понять, как там все устроено. Существуют разные способы
примирить пользователей с новым дизайном, и один из них - создание
пошагового гайда по новым возможностям.
Каким образом? Необходимо создать последовательность подсказок, которые
будут запускаться одна за другой. Таким образом, у нас получится
интерактивное руководство по основным возможностям нашего сайта.
Пример на демо: http://derrvish.github.io/enjoyhint-demo/

После того, как юзер зарегистрировался, прошел валидацию почты, оплатил

подписку, заапрувился (если он мембер), он попадает на Main Deck. Здесь и
нужно сделать подсказки.
Элемент с подсказкой выделяем в рамочку, всю остальную область страницы
делаем в блюре, рядом с выделенным в рамочке элементом идет текст - т.е.
сама подсказка и под ней две кнопки - “Далее”, чтобы пользователь мог
продолжить получать подсказки по данному гайду, и “Scip” - чтобы он мог
отказаться от подсказок в любой момент.