Стоимость 1 000 ₽ указана за стилизацию одного стандартного блока на GetCourse.

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

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

В стоимость входит оформление блока под ваш дизайн, подбор размеров, цветов, шрифтов, отступов и адаптация под мобильные устройства. Сложные нестандартные блоки, дополнительная логика и JavaScript рассчитываются отдельно.

Не стандартные анимации оплачиваются дополнительно - 1 000 ₽ за одну анимацию.

Можно добавить:

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

Итоговая стоимость зависит от сложности дизайна, количества элементов и необходимой функциональности.

При заказе больших страниц (от 20 блоков на странице) действует скидка 10%

Создам интерактивное колесо фортуны для GetCourse с индивидуальным дизайном и логикой выдачи призов.

Механика может использоваться для привлечения новых клиентов, повышения вовлечённости учеников, мотивации к покупке, прохождению уроков или выполнению других целевых действий.

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

Результат каждого вращения можно сохранять в дополнительное поле пользователя, чтобы в дальнейшем использовать эти данные в процессах, сегментах и рассылках GetCourse.

Можно настроить условия получения попыток, например:

• после регистрации в школе;
• после заполнения формы;
• после покупки или оплаты заказа;
• после прохождения урока или тренинга;
• выполнения задания;
• при наличии определённого сегмента или значения в дополнительном поле;
• один раз для каждого пользователя;
• ежедневно, еженедельно или через заданный промежуток времени;
• несколько попыток в зависимости от выполненных условий.

С помощью GetCourse в качестве призов можно выдавать:

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

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

Логика настраивается индивидуально: можно ограничить количество конкретных призов, изменить вероятность их выпадения, исключить повторное получение одного и того же подарка, установить срок действия попытки или приза, а также настроить разные наборы подарков для отдельных групп пользователей.

Для начала работы необходимо предоставить техническое задание: список призов, условия участия, количество попыток, желаемую вероятность выпадения и описание действий, которые должны выполняться после получения каждого результата. Также пожелания по визуальному оформлению.

В стоимость услуги не входит верстка и оформление писем.

Создам полноценное оформление блога на GetCourse в едином стиле вашей школы. Услуга включает верстку всех основных страниц и элементов блога без ограничений по количеству стандартных блоков.

В работу может входить:

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

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

Верстка выполняется в формате «всё включено»: можно оформить любые необходимые блоки внутри блога и статей без ограничения по их количеству.

Итоговый состав работ определяется на основе вашего макета, технического задания или примеров оформления.

Для начала работы желательно, чтобы в блоге уже была опубликована хотя бы одна статья. Она будет использоваться как пример для настройки страницы публикации, текста, изображений, комментариев и других элементов. Если статей пока нет, можно заранее создать тестовую публикацию с примерным содержанием.

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

Оформлю учебную часть школы на GetCourse в едином стиле: список тренингов, карточки уроков, страницы уроков и другие стандартные элементы платформы. Верстка поможет сделать личный кабинет более аккуратным, понятным и удобным для учеников на компьютерах, планшетах и телефонах.

Можно стилизовать:

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

Работаю по готовому макету, референсу или вашим пожеланиям. Учитываю стандартную структуру GetCourse и технические ограничения платформы. Оформление внедряется непосредственно в ваш аккаунт.

Пакет 1. Оформление одного тренинга
В пакет входит:

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

Пакет 2. Расширенное оформление учебного кабинета
В пакет входит:

• оформление до 3 тренингов;
• до 3 подтренингов внутри;
• оформление подтренингов в рамках согласованной структуры;
• до 50 уроков суммарно;
• единый дизайн списков тренингов и карточек уроков;
• оформление стандартных страниц тренингов и уроков;
• стилизация заданий, комментариев, видео, текстов и навигации;
• оформление стандартных статусов уроков;
• адаптация под компьютер, планшет и телефон;
• применение созданного оформления ко всем страницам, входящим в пакет.

Количество уроков означает количество страниц, на которых необходимо проверить и применить оформление. Если уроков или тренингов больше, дополнительный объем рассчитывается отдельно.

Что не входит в пакеты
Пакеты включают верстку и стилизацию стандартных возможностей GetCourse. Разработка дополнительных кастомных модулей и нестандартной логики оплачивается отдельно.

В базовую стоимость не входят:

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

Дополнительно можно разработать:

• поиск по урокам и тренингам;
• избранные или лайкнутые уроки;
• последние просмотренные уроки;
• индивидуальный прогресс-бар;
• прелоадер;
• интерактивные задания и игры;
• сохранение результатов в дополнительных полях пользователя;
• открытие доступа или выполнение других действий в зависимости от результата игры.

Например, можно реализовать игру «Можно или нельзя» со свайпами, поиск ошибок на изображении, расстановку элементов в правильном порядке и другие механики. Возможность реализации, сроки и стоимость оцениваются после изучения технического задания.

Желательно, чтобы к началу работы в аккаунте уже были созданы тренинги и добавлено несколько заполненных уроков с разными типами контента: текстом, видео, изображениями, заданием и комментариями. Это позволит проверить оформление на реальных материалах и учесть все используемые элементы.

Моя задача — аккуратно сверстать и внедрить согласованное оформление в GetCourse, чтобы учебное пространство выглядело цельно и было удобно для учеников.

Оформлю стандартные системные страницы GetCourse в стиле вашей школы.

Страницы будут выглядеть аккуратно, современно и соответствовать фирменному оформлению проекта.

Работаю по готовому дизайн-макету, референсу или адаптирую страницу под ваш бренд: изменю цвета, шрифты, фон, изображения, логотип, кнопки и другие элементы.

За стоимость, указанную в услуге, оформляются сразу две системные страницы:

1. страница входа и регистрации /cms/system/login
2. страница обратной связи /cms/system/contact

Также в рамках единого оформления стилизуются связанные элементы страницы авторизации:

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

Страница обратной связи оформляется в том же стиле. Можно изменить внешний вид формы, заголовков, текстов, полей, кнопки отправки и системных уведомлений.

Сверстаю и установлю рекламный баннер на страницы GetCourse или стилизую стандартное уведомление об использовании cookie-файлов.

Рекламный баннер помогает обратить внимание пользователей на важное предложение: новый курс, вебинар, акцию, специальную цену, дополнительный продукт или другое событие.

В баннер можно добавить изображение, заголовок, описание, кнопку, ссылку и крестик для закрытия. Баннер будет адаптирован под разные размеры экранов и не будет отображаться внутри виджетов GetCourse, чтобы не перекрывать их содержимое и не мешать пользователям.

Вариант 1. Баннер в виде готовой картинки.
Подходит, если у вас уже есть полностью оформленное изображение, внутри которого размещены текст, кнопка и другие визуальные элементы.
Я установлю изображение на страницы GetCourse, добавлю крестик для закрытия и настрою переход по ссылке при клике на баннер.

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

Для лучшего результата можно предоставить два отдельных изображения:

• для компьютеров и ноутбуков;
• для смартфонов.

Это позволит сохранить читаемость текста и аккуратный внешний вид баннера на разных экранах.

Вариант 2. Картинка, текст и кнопка отдельными элементами.

Подходит, если баннер нужно качественно адаптировать под компьютеры, планшеты и смартфоны. Изображение, заголовок, описание и кнопка будут добавлены отдельными элементами с помощью HTML, CSS и JavaScript.

Благодаря этому можно:

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

Вы можете предоставить готовый дизайн-макет или изображение-пример.

Вариант 3. Стилизация cookie-баннера GetCourse

Оформлю стандартное уведомление об использовании cookie-файлов в стиле вашего сайта или онлайн-школы.

Можно изменить:

• цвет и прозрачность фона;
• цвет и размер текста;
• оформление ссылки «Подробнее»;
• цвет, форму и размер кнопки;
• скругление углов;
• рамку, тень и внутренние отступы;
• расположение элементов;
• отображение на мобильных устройствах.

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

Что необходимо предоставить для рекламного баннера

• дизайн-макет или изображение баннера;
• текст баннера, если он будет добавляться отдельными элементами;
• ссылку, которая должна открываться при клике на баннер или кнопку;
• информацию о том, через какое время баннер должен снова появиться после закрытия;
• информацию о том, всем ли пользователям должен показываться баннер

⚠️ Рекомендации по подготовке изображений для баннера
Универсального размера для всех баннеров нет: он зависит от расположения и количества текста. Для корректного отображения баннера на разных устройствах желательно подготовить отдельные изображения для компьютера, планшета и телефона.

Важные требования к макету

• Не размещайте важные элементы вплотную к краям. Оставьте безопасные отступы не менее 7–10% от каждой стороны.
• Не размещайте текст или кнопку в правом верхнем углу: там может находиться крестик закрытия баннера.
• Текст должен быть достаточно крупным и читаемым без увеличения изображения.
• Для мобильной версии лучше не просто уменьшать компьютерный макет, а перестроить композицию вертикально.
• Если текст и кнопка будут добавляться кодом, на изображении не нужно рисовать текст, кнопку и крестик. Необходимо оставить под них свободное место.
• Если весь баннер будет одной картинкой, текст и кнопка должны быть сразу встроены дизайнером в изображение. Формат файлов

Предпочтительный формат - WebP или JPG. Если изображению нужна прозрачность, можно использовать PNG или WebP с прозрачным фоном

Разработаю индивидуальный курсор для страниц GetCourse, который дополнит фирменный стиль школы и сделает взаимодействие с сайтом более необычным и запоминающимся.

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

Можно реализовать:

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

В работу входит:

• разработка курсора с помощью CSS и JavaScript;
• настройка размеров, цветов, формы и анимации;
• отдельные состояния при наведении и нажатии;
• установка на выбранные страницы GetCourse;
• адаптация под разные размеры экрана;
• проверка работы в современных браузерах;

Курсор можно установить на одну страницу, лендинг, блог, учебный кабинет, страницы тренингов и уроков или на весь аккаунт.

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

На телефонах и планшетах курсор не отображается, поскольку на сенсорных устройствах нет постоянного указателя. Мобильная версия страницы продолжит работать со стандартным управлением.

Создам интерактивное колесо фортуны для GetCourse с индивидуальным дизайном и логикой выдачи призов.

Механика может использоваться для привлечения новых клиентов, повышения вовлечённости учеников, мотивации к покупке, прохождению уроков или выполнению других целевых действий.

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

Результат каждого вращения можно сохранять в дополнительное поле пользователя, чтобы в дальнейшем использовать эти данные в процессах, сегментах и рассылках GetCourse.

Можно настроить условия получения попыток, например:

• после регистрации в школе;
• после заполнения формы;
• после покупки или оплаты заказа;
• после прохождения урока или тренинга;
• выполнения задания;
• при наличии определённого сегмента или значения в дополнительном поле;
• один раз для каждого пользователя;
• ежедневно, еженедельно или через заданный промежуток времени;
• несколько попыток в зависимости от выполненных условий.

С помощью GetCourse в качестве призов можно выдавать:

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

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

Логика настраивается индивидуально: можно ограничить количество конкретных призов, изменить вероятность их выпадения, исключить повторное получение одного и того же подарка, установить срок действия попытки или приза, а также настроить разные наборы подарков для отдельных групп пользователей.

Для начала работы необходимо предоставить техническое задание: список призов, условия участия, количество попыток, желаемую вероятность выпадения и описание действий, которые должны выполняться после получения каждого результата. Также пожелания по визуальному оформлению.

В стоимость услуги не входит верстка и оформление писем.

Создам полноценное оформление блога на GetCourse в едином стиле вашей школы. Услуга включает верстку всех основных страниц и элементов блога без ограничений по количеству стандартных блоков.

В работу может входить:

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

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

Верстка выполняется в формате «всё включено»: можно оформить любые необходимые блоки внутри блога и статей без ограничения по их количеству.

Итоговый состав работ определяется на основе вашего макета, технического задания или примеров оформления.

Для начала работы желательно, чтобы в блоге уже была опубликована хотя бы одна статья. Она будет использоваться как пример для настройки страницы публикации, текста, изображений, комментариев и других элементов. Если статей пока нет, можно заранее создать тестовую публикацию с примерным содержанием.

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

Оформлю учебную часть школы на GetCourse в едином стиле: список тренингов, карточки уроков, страницы уроков и другие стандартные элементы платформы. Верстка поможет сделать личный кабинет более аккуратным, понятным и удобным для учеников на компьютерах, планшетах и телефонах.

Можно стилизовать:

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

Работаю по готовому макету, референсу или вашим пожеланиям. Учитываю стандартную структуру GetCourse и технические ограничения платформы. Оформление внедряется непосредственно в ваш аккаунт.

Пакет 1. Оформление одного тренинга
В пакет входит:

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

Пакет 2. Расширенное оформление учебного кабинета
В пакет входит:

• оформление до 3 тренингов;
• до 3 подтренингов внутри;
• оформление подтренингов в рамках согласованной структуры;
• до 50 уроков суммарно;
• единый дизайн списков тренингов и карточек уроков;
• оформление стандартных страниц тренингов и уроков;
• стилизация заданий, комментариев, видео, текстов и навигации;
• оформление стандартных статусов уроков;
• адаптация под компьютер, планшет и телефон;
• применение созданного оформления ко всем страницам, входящим в пакет.

Количество уроков означает количество страниц, на которых необходимо проверить и применить оформление. Если уроков или тренингов больше, дополнительный объем рассчитывается отдельно.

Что не входит в пакеты
Пакеты включают верстку и стилизацию стандартных возможностей GetCourse. Разработка дополнительных кастомных модулей и нестандартной логики оплачивается отдельно.

В базовую стоимость не входят:

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

Дополнительно можно разработать:

• поиск по урокам и тренингам;
• избранные или лайкнутые уроки;
• последние просмотренные уроки;
• индивидуальный прогресс-бар;
• прелоадер;
• интерактивные задания и игры;
• сохранение результатов в дополнительных полях пользователя;
• открытие доступа или выполнение других действий в зависимости от результата игры.

Например, можно реализовать игру «Можно или нельзя» со свайпами, поиск ошибок на изображении, расстановку элементов в правильном порядке и другие механики. Возможность реализации, сроки и стоимость оцениваются после изучения технического задания.

Желательно, чтобы к началу работы в аккаунте уже были созданы тренинги и добавлено несколько заполненных уроков с разными типами контента: текстом, видео, изображениями, заданием и комментариями. Это позволит проверить оформление на реальных материалах и учесть все используемые элементы.

Моя задача — аккуратно сверстать и внедрить согласованное оформление в GetCourse, чтобы учебное пространство выглядело цельно и было удобно для учеников.

Оформлю стандартные системные страницы GetCourse в стиле вашей школы.

Страницы будут выглядеть аккуратно, современно и соответствовать фирменному оформлению проекта.

Работаю по готовому дизайн-макету, референсу или адаптирую страницу под ваш бренд: изменю цвета, шрифты, фон, изображения, логотип, кнопки и другие элементы.

За стоимость, указанную в услуге, оформляются сразу две системные страницы:

1. страница входа и регистрации /cms/system/login
2. страница обратной связи /cms/system/contact

Также в рамках единого оформления стилизуются связанные элементы страницы авторизации:

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

Страница обратной связи оформляется в том же стиле. Можно изменить внешний вид формы, заголовков, текстов, полей, кнопки отправки и системных уведомлений.

Сверстаю и установлю рекламный баннер на страницы GetCourse или стилизую стандартное уведомление об использовании cookie-файлов.

Рекламный баннер помогает обратить внимание пользователей на важное предложение: новый курс, вебинар, акцию, специальную цену, дополнительный продукт или другое событие.

В баннер можно добавить изображение, заголовок, описание, кнопку, ссылку и крестик для закрытия. Баннер будет адаптирован под разные размеры экранов и не будет отображаться внутри виджетов GetCourse, чтобы не перекрывать их содержимое и не мешать пользователям.

Вариант 1. Баннер в виде готовой картинки.
Подходит, если у вас уже есть полностью оформленное изображение, внутри которого размещены текст, кнопка и другие визуальные элементы.
Я установлю изображение на страницы GetCourse, добавлю крестик для закрытия и настрою переход по ссылке при клике на баннер.

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

Для лучшего результата можно предоставить два отдельных изображения:

• для компьютеров и ноутбуков;
• для смартфонов.

Это позволит сохранить читаемость текста и аккуратный внешний вид баннера на разных экранах.

Вариант 2. Картинка, текст и кнопка отдельными элементами.

Подходит, если баннер нужно качественно адаптировать под компьютеры, планшеты и смартфоны. Изображение, заголовок, описание и кнопка будут добавлены отдельными элементами с помощью HTML, CSS и JavaScript.

Благодаря этому можно:

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

Вы можете предоставить готовый дизайн-макет или изображение-пример.

Вариант 3. Стилизация cookie-баннера GetCourse

Оформлю стандартное уведомление об использовании cookie-файлов в стиле вашего сайта или онлайн-школы.

Можно изменить:

• цвет и прозрачность фона;
• цвет и размер текста;
• оформление ссылки «Подробнее»;
• цвет, форму и размер кнопки;
• скругление углов;
• рамку, тень и внутренние отступы;
• расположение элементов;
• отображение на мобильных устройствах.

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

Что необходимо предоставить для рекламного баннера

• дизайн-макет или изображение баннера;
• текст баннера, если он будет добавляться отдельными элементами;
• ссылку, которая должна открываться при клике на баннер или кнопку;
• информацию о том, через какое время баннер должен снова появиться после закрытия;
• информацию о том, всем ли пользователям должен показываться баннер

⚠️ Рекомендации по подготовке изображений для баннера
Универсального размера для всех баннеров нет: он зависит от расположения и количества текста. Для корректного отображения баннера на разных устройствах желательно подготовить отдельные изображения для компьютера, планшета и телефона.

Важные требования к макету

• Не размещайте важные элементы вплотную к краям. Оставьте безопасные отступы не менее 7–10% от каждой стороны.
• Не размещайте текст или кнопку в правом верхнем углу: там может находиться крестик закрытия баннера.
• Текст должен быть достаточно крупным и читаемым без увеличения изображения.
• Для мобильной версии лучше не просто уменьшать компьютерный макет, а перестроить композицию вертикально.
• Если текст и кнопка будут добавляться кодом, на изображении не нужно рисовать текст, кнопку и крестик. Необходимо оставить под них свободное место.
• Если весь баннер будет одной картинкой, текст и кнопка должны быть сразу встроены дизайнером в изображение. Формат файлов

Предпочтительный формат - WebP или JPG. Если изображению нужна прозрачность, можно использовать PNG или WebP с прозрачным фоном