Разработка интерактивных элементов для программы лояльности
1. Основной слайд "Программа лояльности"
Слайд должен гармонично вписываться в общий дизайн сайта и быть выполнен в едином стиле с другими тематическими слайдами. Основные элементы слайда:
- Визуализация прогресса: Стилизованное изображение горы с отметками (уровнями). Каждый уровень соответствует определенной цели в программе лояльности и сопровождается информацией о подарке или привилегиях.
- Краткое описание: На слайде размещается сжатая информация о правилах программы.
- Анимация: Желательно добавить легкую, ненавязчивую анимацию для оживления сцены (например, падающие снежинки, плывущие облака, развевающийся флаг на вершине). Технология анимации обсуждается с исполнителем.
2. Анимированная иконка программы лояльности
Иконка в виде небольшой горы размещается в правом нижнем углу на всех страницах сайта. Требования к иконке:
- Интерактивность: Иконка должна привлекать внимание и реагировать на наведение курсора (hover-эффект).
- Отображение прогресса: На иконке виден таймер обратного отсчета до следующего возможного действия пользователя.
- Всплывающее окно: При наведении на иконку появляется окно со списком текущих заданий для пользователя. Логика аналогична системам заданий в онлайн-играх - простая, понятная геймификация.
3. Интерактивное действие с монеткой
При клике на иконку (после завершения отсчета) происходит начисление баллов лояльности. Для этого требуется:
- Анимированная монетка: Создать графический элемент монетки, которую можно анимировать.
- Анимация перелета: Реализовать анимацию перелета монетки от иконки программы лояльности к иконке профиля пользователя, символизирующую зачисление баллов.
Требования к исполнителю
- Опыт в разработке дизайна с интерактивными и анимированными элементами.
- Понимание принципов геймификации и создания игровых интерфейсов.
- Готовность внимательно выслушивать правки и требования, работать итеративно.
- Умение предложить оптимальные технические решения для реализации анимации.