Верстка и оформление GetCourse

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

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

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

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

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

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

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

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

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

Создание колеса фортуны 🎡

18 990

₽

20 000

₽

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

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

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

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

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

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

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

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

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

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

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

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

Верстка блога на Геткурс 🧑‍💻

28 990

₽

30 000

₽

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

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

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

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

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

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

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

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

Верстка тренингов и уроков 🎓

от 1000

₽

20 000

₽

Варианты пакетов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Верстка рекламного или cookie-баннера 📣

2 990

₽

3490

₽

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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