Разработка интерактивных элементов для программы лояльности

1. Основной слайд "Программа лояльности"

Слайд должен гармонично вписываться в общий дизайн сайта и быть выполнен в едином стиле с другими тематическими слайдами. Основные элементы слайда:

• Визуализация прогресса: Стилизованное изображение горы с отметками (уровнями). Каждый уровень соответствует определенной цели в программе лояльности и сопровождается информацией о подарке или привилегиях.
• Краткое описание: На слайде размещается сжатая информация о правилах программы.
• Анимация: Желательно добавить легкую, ненавязчивую анимацию для оживления сцены (например, падающие снежинки, плывущие облака, развевающийся флаг на вершине). Технология анимации обсуждается с исполнителем.

2. Анимированная иконка программы лояльности

Иконка в виде небольшой горы размещается в правом нижнем углу на всех страницах сайта. Требования к иконке:

• Интерактивность: Иконка должна привлекать внимание и реагировать на наведение курсора (hover-эффект).
• Отображение прогресса: На иконке виден таймер обратного отсчета до следующего возможного действия пользователя.
• Всплывающее окно: При наведении на иконку появляется окно со списком текущих заданий для пользователя. Логика аналогична системам заданий в онлайн-играх - простая, понятная геймификация.

3. Интерактивное действие с монеткой

При клике на иконку (после завершения отсчета) происходит начисление баллов лояльности. Для этого требуется:

• Анимированная монетка: Создать графический элемент монетки, которую можно анимировать.
• Анимация перелета: Реализовать анимацию перелета монетки от иконки программы лояльности к иконке профиля пользователя, символизирующую зачисление баллов.

Требования к исполнителю

• Опыт в разработке дизайна с интерактивными и анимированными элементами.
• Понимание принципов геймификации и создания игровых интерфейсов.
• Готовность внимательно выслушивать правки и требования, работать итеративно.
• Умение предложить оптимальные технические решения для реализации анимации.