Коллекция дизайнерских шаблонов для GetCourse «Фреш»

Ссылка на это место страницы: #test

Коллекция ДИЗАЙНЕРСКИХ шаблонов для GetCourse «ФРЕШ»

Шаблон «Фреш» — это современное и стильное решение для оформления онлайн-обучения, созданное для удобства и комфорта учеников. Благодаря интуитивному интерфейсу и продуманной структуре, он позволяет ученикам легко ориентироваться в тренингах, уроках и заданиях, предоставляя всю необходимую информацию в одном месте.

Сочетание визуальной эстетики и функциональности: плиточное оформление карточек, динамическое расписание, персонализированные приветствия и анимация при наведении делают интерфейс живым и привлекательным. Календарь с расписанием, управление доступами, активными покупками, настройками профиля и полезные ссылки — всё это доступно в пару кликов.

Шаблон «Фреш» создан для того, чтобы улучшить пользовательский опыт, сократить количество вопросов в техподдержку и повысить лояльность учеников. Это инструмент, который помогает учебным платформам организовать материал и предоставлять его в удобной и эстетичной форме, мотивируя студентов к дальнейшему обучению.

🔥 Быстрая замена цветов и шрифтов на свои.

🔥 Адаптировано под мобильные и приложение (чатиум).

🔥 Пошаговая видео-инструкция по установке, по принципу смотри-повторяй.

🔥 Возможность приобрести коллекцию по-частям, или всю сразу со скидкой до 25%! Скидка активируется автоматически при добавлении товара в корзину на сумму от 7100 руб. Чем больше товаров из коллекции в корзине, тем больше скидка!

Кому может подойти предложенное цветовое оформление:

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

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

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

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

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

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

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

Обзор коллекции

Тайм-коды

📌 Знакомство с коллекцией

📌 Обзор личного кабинета

📌 Информационная панель ученика

📌 Интерактивный баннер

📌 Список тренингов в личном кабинете

📌 Календарь и список актуальных событий

📌 Прогресс-бар

📌 «Горячие» кнопки

📌 Тренинги и подтренинги (модули)

📌 Список уроков

📌 Уроки внутри

📌 Страницы входа и обратной связи

📌 Как получить скидку на шаблон до 25%

инструкция по установке коллекции

Тайм-коды:

📌Теоретическая часть

📌Переносим CSS в тему

📌Переносим JS в тему и настраиваем фильтр календаря

📌Ставим разметку тренингов в личный кабинет

📌Ставим разметку единой панели

📌Ставим разметку баннера

📌Подключаем тему (CSS) к личному кабинету

📌Настраиваем видимость кнопки подключения Телеграм в единой панели

📌Создаем страницу для управления банковскими картами

📌Настраиваем отступы и меняем изображение на баннере в личном кабинете

📌Устанавливаем список актуальных событий в аккордеоне

📌Меняем отступы между элементами с помощью встроенного конструктора ГК

📌Устанавливаем разметку двух горячих кнопок в столбик

📌Устанавливаем разметку календаря в личном кабинете, вместе с раскрывающимся списком актуальных событий

📌Устанавливаем разметку внутри тренинга (модулей)

📌Устанавливаем разметку прогресс-бара

📌Подключаем тему (CSS) к тренингу

📌Ставим кнопки в уроки внутри

📌Как заменить изображение в шапке урока

📌Устанавливаем баннер в тренингах

📌Устанавливаем три горячие кнопки в ряд

📌Настраиваем прогресс-бар

📌Настройка недоступного тренинга

📌Установка календаря в тренинг

📌Разбираем как показывается дата открытия модуля

Ссылка на это место страницы: #praise_z

Шаблон оформления списка тренингов в личном кабинете

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

СМОТРЕТЬ ИНСТРУКЦИЮ

Оформление тренингов / подтренингов

Расположение в четыре карточки в ряду в ПК версии, 2 карточки в мобильной и 1 карточка в приложении и на очень маленьких экранах. Важно! данный вариант оформления списка тренингов не подходит для длинных названий и описаний.
Два вида разметки под расположение тренингов в правой или левой колонке, для того, чтобы вы могли комфортно добавлять кнопки, единую панель или календарь там, где хочется вам.
Отображается дата открытия модуля. Дата подтягивается из расписания уроков (проверяется список уроков и будет подтянута дата с первого попавшегося по списку урока с расписанием).
Анимация при наведении.
Стилизация недоступного тренинга. Для корректного показа недоступного тренинга рекомендуем использовать это решение.
Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ИНСТРУКЦИЮ

Список уроков

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

СМОТРЕТЬ ИНСТРУКЦИЮ

Уроки внутри

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

СМОТРЕТЬ ИНСТРУКЦИЮ

Единая панель ученика

Что включает информационная панель:

Профиль с быстрым переходом к редактированию.

Баланс и управление банковскими картами (отключение автооплат, отвязка карты).

Активные покупки и доступ ко всем покупкам.

Подключение Telegram.

Блок актуальных событий со стилизованным расписанием.

Ответы на домашние задания – все в одном месте.

Полезные ссылки на ваши ресурсы с возможностью менять названия, добавлять или убирать кнопки.

Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ОБЗОР

СМОТРЕТЬ ИНСТРУКЦИЮ

Календарь с автоматическим подтягиванием событий

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

СМОТРЕТЬ ИНСТРУКЦИЮ

Приветствуем ученика по имени с учетом его времени суток: доброе утро, добрый день, добрый вечер или доброй ночи!
Дополнительный текст под приветствием который вы можете редактировать.
На фон баннера может быть установлено изображение или оформление только цветом.
Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ИНСТРУКЦИЮ

Актуальные события в аккордеоне

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

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

СМОТРЕТЬ ИНСТРУКЦИЮ

Диаграмма пройденных уроков или модулей в процентах

Код диаграммы добавляется на страницу тренинга и придаёт интерактива, при его прохождении.

Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ИНСТРУКЦИЮ

Три «горячие» кнопки в ряд

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

Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ИНСТРУКЦИЮ

Две «горячие» кнопки в столбик

Возможность смены цветов и шрифтов на свои
Работает в приложении.

СМОТРЕТЬ ИНСТРУКЦИЮ

Шаблон страниц авторизации и обратной связи с фоновым изображением

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

Быстрая установка
Возможность смены цветов, шрифтов и фона на свои.

СМОТРЕТЬ ИНСТРУКЦИЮ

Шаблон страниц обратной связи и авторизации с изображением в форме

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