Дизайн информера о скидках для расширения

Вводные

Данный информер будет выводиться браузерными расширениями на доменах магазинов/сервисов из базы данных со скидками, промокодами и кэшбэком. Элементы брендирования не требуются - то есть не нужно использовать цветовые схемы или логотипы с конечных сайтов Kodobi.ru, Cashbe.ru. Информер будет выводиться как дополнительный рекламный функционал, то есть пользователь не будет ждать такого поведения от расширения.

Источник данных

Данные можно посмотреть по ссылке https://informer.shopperstate.ru/html/informers.html

Элементы информера

• Дисклеймер - информация о том что за расширение показывает рекламу
  
  
  • в примере текст “Ads by Shopping Informer” https://take.ms/Ou4bA
    
• Кэшбэк кнопка - кнопка ведущая на сайт cashbe.ru. принимает два значения:
  
  
  • если у сайта доступен кэшбэк - “Активировать кэшбэк до “rate”%” https://take.ms/GJoi5
    
  • если у сайта недоступен кэшбэк - “Кэшбэк до 40% + 100 руб в подарок” https://take.ms/l4Hep
    
• Кнопка скидки/акции - выводится описание первой скидки из массива акций с ссылкой для перехода на Kodobi https://take.ms/OitLd
  
• Кнопка “Еще скидки” - в выпадающем окне показывает все скидки которые есть для этого сайта https://take.ms/zkTSq
  
  
  • max-width = 512px
    
  • полное описание есть в title - и оно появляется в попапе при наведении курсора
    

Требования к дизайну

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

Примеры реализаций

• информер Cashbe
  
• информер Honey