Лендинг для регистрации на курс
"Диета GAPS Формула 8"
Проделанная работа:
Составление прототипа, мудборда по референсам автора
Сборка изображений в Figma
Адаптация под мобильную версию
Добавление формы сбора данных, договор оферты и политика конфиденциальности
Модификация при помощи CSS-кодов:
Скошенные края блоков
Добавление имитации "карточки", тень
Вынесение псевдоэлементов за границу блока
Добавление иконок
Анимация элементов при наведении
Время работы: 7 дней
Составление прототипа, мудборда по референсам автора
Сборка изображений в Figma
Адаптация под мобильную версию
Добавление формы сбора данных, договор оферты и политика конфиденциальности
Модификация при помощи CSS-кодов:
Скошенные края блоков
Добавление имитации "карточки", тень
Вынесение псевдоэлементов за границу блока
Добавление иконок
Анимация элементов при наведении
Время работы: 7 дней
Продающий лендинг с регистрацией на курс
Курс подготовки в ЕГЭ по обществознанию
Проделанная работа:
Составление прототипа и мудборда с нуля
Адаптация под мобильную версию
Добавление и настройка формы сбора данных, договора оферты и политики конфиденциальности
Модификация при помощи CSS-кодов:
Изменение стандартного вида кнопок
Добавление имитации "карточек"
Модификация внешнего вида тарифной сетки
Добавление иконок
Анимация элементов при наведении
Время работы: 3 дня
Составление прототипа и мудборда с нуля
Адаптация под мобильную версию
Добавление и настройка формы сбора данных, договора оферты и политики конфиденциальности
Модификация при помощи CSS-кодов:
Изменение стандартного вида кнопок
Добавление имитации "карточек"
Модификация внешнего вида тарифной сетки
Добавление иконок
Анимация элементов при наведении
Время работы: 3 дня
Лендинг с регистрацией на бесплатный марафон
Марафон "Богатый таргетолог"
Проделанная работа:
Перенос готового дизайна сайта с Tilda на GetCourse
Адаптация под мобильную версию
Сборка изображений в Figma
Добавление и настройка формы сбора данных
Модификация при помощи CSS-кодов:
Изменение стандартного вида кнопок
Добавление собственных изображений вместо стандартных иконок
Анимация элементов при наведении
Время работы: 1 день
Перенос готового дизайна сайта с Tilda на GetCourse
Адаптация под мобильную версию
Сборка изображений в Figma
Добавление и настройка формы сбора данных
Модификация при помощи CSS-кодов:
Изменение стандартного вида кнопок
Добавление собственных изображений вместо стандартных иконок
Анимация элементов при наведении
Время работы: 1 день
Арсенал возможностей самой платформы Геткурс для визуального оформления очень ограничен. Тут на помощь приходят CSS-коды: с ними то, что было “невозможно” поменять, с легкостью поддается любым модификациям.
Визуальное оформление платформы.
Нестандартные модификации
В приведенных ниже кейсах я не буду демонстрировать стандартные и базовые настройки, реализуемые с помощью встроенных функций платформы GetCourse.
Вместо этого я покажу примеры нестандартных модификаций и настроек, которые возможно реализовать только с использованием HTML, CSS, Javascript и хорошего воображения.
Вместо этого я покажу примеры нестандартных модификаций и настроек, которые возможно реализовать только с использованием HTML, CSS, Javascript и хорошего воображения.
Форма записи на консультацию
Изменение стандартного вида предложений в форме. Хорошо подойдёт для записи на индивидуальный урок или личную консультацию.
Конвертация цены по курсу ЦБ
При помощи Javascript есть возможность вывести в тарифную сетку собственный конвертер валют по курсу ЦБ. Скрипт будет конвертировать стоимость предложения на любую выбранную валюту.
Добавление маски ввода телефона
Эта маска используется на многих современных сайтах и помогает пользователям вносить номер телефона с правильным кодом
Модификация страницы оплаты (шаблон Wildberries)
Страница оплаты на Геткурс не поддается гибкой модификации стандартными настройками, но это можно исправить при помощи CSS и Javascript.
Добавление разделов в уроки
Открытие поля промокода
Стандартный вид поля ввода промокода на Геткурс иногда вводит учеников в заблуждение. С помощью кодов CSS можно “открыть” это поле, чтобы ученики легко могли найти, куда вводить промокод
Добавление навигации в уроки
На скриншоте пример навигации в развернутом виде
Вывод секретной переменной "Осталось мест"
Стандартные настройки Геткурс предусматривают отображение оставшихся мест только через настройки предложений и потоков (т.е. для платных продуктов). При помощи секретной переменной можно вывести количество оставшихся мест и просто в группе.
Поле "Промокод" в форме заказа
Стандартные настройки Геткурс предусматривают ввод промокода только на странице оплаты, что часто вводит учеников в заблуждение. При помощи кода можно решить и эту задачу.
Модификация чекбокса
Стандартный чекбокс отображается на всех браузерах по-разному. При помощи CSS его можно визуально преобразить на любой вкус + его отображение на всех браузерах будет одинаковым.
Процессы помогают максимально автоматизировать воронку продаж и работу на платформе. Поскольку большинство воронок и процессов конфиденциальны, ниже приведены примеры лишь нескольких решений несложных задач с разрешения владельцев этих онлайн-школ.
Процессы на Геткурс
Лендинги на Геткурс
(Кликните на картинку для просмотра полной версии)
(Кликните на картинку для просмотра полной версии)
