Оформление для школы academyfit
В виду больших сроков (до сдачи было целых 3 недели) весь код оформления был написан с расчетом на возможности дополнения функционала и легкой смены всех элементов 🤩 сетку тренингов можно менять с помощью ставшей уже золотым стандартной системы тегов, позволяющей красить тренинги по-разному просто выбрав шаблон оформления каждого отдельного тренинга в настройках
Оформление не имеет дёрганной загрузки, а в приложении специальные скрипты-фиксеры добились отображения шапки, хлебных крошек и прочих красивых и полезных элементов интерфейса, отсутствующих в приложении по стандарту😎
В виду больших сроков (до сдачи было целых 3 недели) весь код оформления был написан с расчетом на возможности дополнения функционала и легкой смены всех элементов 🤩 сетку тренингов можно менять с помощью ставшей уже золотым стандартной системы тегов, позволяющей красить тренинги по-разному просто выбрав шаблон оформления каждого отдельного тренинга в настройках
Оформление не имеет дёрганной загрузки, а в приложении специальные скрипты-фиксеры добились отображения шапки, хлебных крошек и прочих красивых и полезных элементов интерфейса, отсутствующих в приложении по стандарту😎
🔥9❤2👍2
24 октября главное ежегодное событие для техспециалистов образовательного рынка — онлайн-конференция Global EdTech Conference. Ведущие эксперты рынка будут делиться практическим контентом: тренды, настройка процессов, скрипты, дизайн, вёрстка, кастомизации, сервисы, интеграции, привлечение клиентов и увеличение дохода
Темы выступлений:
⚡️Как зарабатывать на услугах чужими руками
⚡️Как техспециалисту в сфере EdTech зарабатывать больше
⚡️Искусство эффективного дизайна и вёрстки на GetCourse
⚡️GetCourseGPT
⚡️Тактика переговоров и повышения чека на услуги специалиста
⚡️Юзабили GetCourse: проблемы и решения в пути ученика
⚡️Как расти в деньгах, опираясь на свою ценность
⚡️10 альтернативных источников заработка для EdTech-специалиста
⚡️Что такое разработка под EdTech, как в ней заработать и с чего начать
⚡️Как техспециалисту создать дополнительный пассивный доход
⚡️Геймификация обучения и бизнеса: психологические аспекты и механики
⚡️Как кастомизировать вебкомнату на Bizon
⚡️Как масштабироваться в профессии: лайфхаки делегирования
⚡️Построение контроля и аналитики за учениками и преподавателями в онлайн-школе
Изучайте программу GETC 7 и готовьтесь задавать вопросы спикерам по каждой теме. Кстати, организаторы обещают традиционно большой пакет бонусов 🎁🎁🎁
✏️Изучить программу
А еще у вас есть скидка 10% на билет🔥, как для моих подписчиков.
Обратите внимание на тарифы с доступом к записям — очень удобно потом пересмотреть и по шагам внедрять😉!
✊Встретимся на GETC!
Темы выступлений:
⚡️Как зарабатывать на услугах чужими руками
⚡️Как техспециалисту в сфере EdTech зарабатывать больше
⚡️Искусство эффективного дизайна и вёрстки на GetCourse
⚡️GetCourseGPT
⚡️Тактика переговоров и повышения чека на услуги специалиста
⚡️Юзабили GetCourse: проблемы и решения в пути ученика
⚡️Как расти в деньгах, опираясь на свою ценность
⚡️10 альтернативных источников заработка для EdTech-специалиста
⚡️Что такое разработка под EdTech, как в ней заработать и с чего начать
⚡️Как техспециалисту создать дополнительный пассивный доход
⚡️Геймификация обучения и бизнеса: психологические аспекты и механики
⚡️Как кастомизировать вебкомнату на Bizon
⚡️Как масштабироваться в профессии: лайфхаки делегирования
⚡️Построение контроля и аналитики за учениками и преподавателями в онлайн-школе
Изучайте программу GETC 7 и готовьтесь задавать вопросы спикерам по каждой теме. Кстати, организаторы обещают традиционно большой пакет бонусов 🎁🎁🎁
✏️Изучить программу
А еще у вас есть скидка 10% на билет🔥, как для моих подписчиков.
Обратите внимание на тарифы с доступом к записям — очень удобно потом пересмотреть и по шагам внедрять😉!
✊Встретимся на GETC!
🔥5👏2❤1
Страница с кликабельными карточками и поиском
В рамках бонусных консультаций участникам GETC7 сделал вот такую страничку https://edu.onthewaytothesun.ru/main-shop
Если вы хотите создать себе аналогичную, сделал инструкцию с кодом импорта https://teletype.in/@onthewaytothesun/KgH0kj7rY9R
Теги можно задавать самостоятельно. Сделано за полчаса без дизайнера и в качестве примера концепции, поэтому в комплекте идет базовый CSS, который можно сменить под свой проект
В рамках бонусных консультаций участникам GETC7 сделал вот такую страничку https://edu.onthewaytothesun.ru/main-shop
Если вы хотите создать себе аналогичную, сделал инструкцию с кодом импорта https://teletype.in/@onthewaytothesun/KgH0kj7rY9R
Теги можно задавать самостоятельно. Сделано за полчаса без дизайнера и в качестве примера концепции, поэтому в комплекте идет базовый CSS, который можно сменить под свой проект
🔥24👍3
https://edu.onthewaytothesun.ru/template
Каждая онлайн-школа уникальна. А значит много шаблонов оформления не бывает
Рады анонсировать новый шаблон simpleTemplate!
simpleTemplate, в отличие от первого шаблона студии, ставит во главу угла лаконичность, минимализм и функциональность.
Шаблон имеет тот же мощный каркас переработки любых страниц геткурса, но к релизу приведены только то, что отточено до идеала и что точно вам пригодится
Главные особенности оформления:
1. 4 сетки тренингов на выбор
Сетки выбираются без кода в любом тренинге индивидуально
2. Встроенный прогрессбар
Вы можете выбрать в настройках максимум прогресса и шкалу, используемую для прогрессбара. Эта шкала скроется от учеников и будет считать их прогресс.
3. Встроенный календарь и набор кнопок, который вы можете добавлять без кода
4. Html-баннер, который вы можете добавлять в любой тренинг без кода
5. Заставка для ПК и телефонов, которую вы можете поставить без кода
6. Стилизация в приложении идентична веб-версии, а переключение на вкладку задания и обратно не приводит к дёрганной перезагрузке, как во всех других оформлениях
Шаблон включает в себя страницы:
1) Страницу входа, регистрации и восстановления пароля
2) Список тренингов
3) Список уроков
4) Типовой урок
5) Страницу оплаты
Для уточнения подробностей пишите мне в личные сообщения - @onthewaytothesun
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11🎉4❤3👍1
Кастомизация нового шаблона оформления GC от One Way Studio
Шаблонное оформление может быть уникальным!
Главная ценность шаблонного решения в структуризации кода платформы, тогда как уже структурированному коду проще придать новый вид и функционал.
В процессе создания шаблона мы разделили каждый элемент на свою категорию и перекрашивали в соответствии с назначением.
Благодаря этому при установке
можно перезадать акцентные цвета, при желании перекрасить технические цвета (например, у всех негативных сервисных сообщений и отклоненных заданий весь цвет сменить на тот красный, который подходит вам по оттенку), что в сочетании с кастомизируемыми баннерами позволит сделать вашу школу уникальной по своему оформлению. Несмотря на то, что это решение — шаблонное
🎨 Мало перекраски цветов? В simpleTemplate добавлены админки для смены фоновой картинки страницы входа и для выбора сеток тренингов, а также сделали небольшой конструктор готовых блоков для сайдбара тренингов!
Теперь не нужно обращаться к разработчику, чтобы освежить внешний вид приевшегося шаблона — достаточно зайти в настройки, нажать пару кнопок и вуаля — ваш тренинг уже выглядит по-новому
Шаблонное оформление может быть уникальным!
Главная ценность шаблонного решения в структуризации кода платформы, тогда как уже структурированному коду проще придать новый вид и функционал.
В процессе создания шаблона мы разделили каждый элемент на свою категорию и перекрашивали в соответствии с назначением.
Благодаря этому при установке
можно перезадать акцентные цвета, при желании перекрасить технические цвета (например, у всех негативных сервисных сообщений и отклоненных заданий весь цвет сменить на тот красный, который подходит вам по оттенку), что в сочетании с кастомизируемыми баннерами позволит сделать вашу школу уникальной по своему оформлению. Несмотря на то, что это решение — шаблонное
Теперь не нужно обращаться к разработчику, чтобы освежить внешний вид приевшегося шаблона — достаточно зайти в настройки, нажать пару кнопок и вуаля — ваш тренинг уже выглядит по-новому
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👏1
Виджет FAQ для техподдержки
В вашу техподдержку регулярно задают одни и те же вопросы? Решите это с помощью дополнительной автоматизации виджета техподдержки🤖
Пример реализации: при нажатии на кнопку "новый разговор" создается слой фейковой переписки над настоящей, где показываются популярные вопросы. При нажатии на популярный вопрос пользователь получает заранее заготовленный ответ.👌
Цепочку вопросов и ответов, а также имя и аватарку бота можно редактировать в no-code режиме благодаря js-интерпретатору кода вида в удобную админочку🤌 админка перезаписывает специальный лист темы, состоящий из js-переменных и работает с другой темы, чтобы скрипт не мог перезаписать сам себя.
Хотите FAQ в виджет техподдержки для своей школы? Напишите @onthewaytothesun в личные сообщения
В вашу техподдержку регулярно задают одни и те же вопросы? Решите это с помощью дополнительной автоматизации виджета техподдержки
Пример реализации: при нажатии на кнопку "новый разговор" создается слой фейковой переписки над настоящей, где показываются популярные вопросы. При нажатии на популярный вопрос пользователь получает заранее заготовленный ответ.
Цепочку вопросов и ответов, а также имя и аватарку бота можно редактировать в no-code режиме благодаря js-интерпретатору кода вида в удобную админочку
Хотите FAQ в виджет техподдержки для своей школы? Напишите @onthewaytothesun в личные сообщения
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2🔥1🤯1
Виджет FAQ готов к установке
Как это работает?
Если пользователь начинает новый диалог через виджет техподдержки, то поверх его обычного чата накладывается фальш-чат с быстрыми вопросами. Клик по быстрым вопросам инициирует отправку ответов. Если пользователь пишет сообщение, фальш-чат исчезает и пользователь пишет напрямую в ваш отдел техподдержки.
Как это настраивается?
У вас в школе появляется админка для настройки диалогов. Вы можете перезадать там имя бота, отвечающего в диалоге, вставить другую ссылку на аватарку, а также задать любое число вопросов и любое число ответов. Чтобы при клике на ответ вызывалось следующее сообщение, текст следующего сообщения должен быть равен тексту ответа, по которому кликают. Чтобы вопрос был на стартовом экране, нужно нажать на иконку короны, чтобы перевести ее в активное состояние (повторный клик сделает ее неактивной и уберет вопрос со стартового экрана). Для удаления вопросов достаточно стереть весь текст и нажать кнопку стирания текста еще раз.
Какие проблемы решает?
Виджет FAQ снижает нагрузку на техподдержку. Вы можете разместить туда самые популярные вопросы и дополнить их в любой момент без кода. Также виджет поддерживает специальные команды. ⚙️
Например, если вы вставите ответ на вопрос
Стоимость решения — 15 000₽. Для покупки писать в личку @onthewaytothesun
Как это работает?
Если пользователь начинает новый диалог через виджет техподдержки, то поверх его обычного чата накладывается фальш-чат с быстрыми вопросами. Клик по быстрым вопросам инициирует отправку ответов. Если пользователь пишет сообщение, фальш-чат исчезает и пользователь пишет напрямую в ваш отдел техподдержки.
Как это настраивается?
У вас в школе появляется админка для настройки диалогов. Вы можете перезадать там имя бота, отвечающего в диалоге, вставить другую ссылку на аватарку, а также задать любое число вопросов и любое число ответов. Чтобы при клике на ответ вызывалось следующее сообщение, текст следующего сообщения должен быть равен тексту ответа, по которому кликают. Чтобы вопрос был на стартовом экране, нужно нажать на иконку короны, чтобы перевести ее в активное состояние (повторный клик сделает ее неактивной и уберет вопрос со стартового экрана). Для удаления вопросов достаточно стереть весь текст и нажать кнопку стирания текста еще раз.
Какие проблемы решает?
Виджет FAQ снижает нагрузку на техподдержку. Вы можете разместить туда самые популярные вопросы и дополнить их в любой момент без кода. Также виджет поддерживает специальные команды. ⚙️
Например, если вы вставите ответ на вопрос
<div class='function hidden'>prolong</div>, в чат отправится самозагружаемый элемент, который соберет у ученика продукты, которые можно продлить и соберет готовый компонент для продления. Также есть спец команда для встраивания блоков лендингов, а если вы придумаете хорошую и полезную для сообщества GetCourse команду, она появится в виджете бесплатно, если она будет технически реализуема☺️Стоимость решения — 15 000₽. Для покупки писать в личку @onthewaytothesun
❤4👍4🔥2
Генератор popup-блоков для bizon365
bizon365 изначально не поддерживает всплывающие окна в продающих блоках. Однако можно сделать их с помощью js. Для более удобного создания всплывающих окон держите гайд с генератором
Страница с генератором не имеет мобильной версии
bizon365 изначально не поддерживает всплывающие окна в продающих блоках. Однако можно сделать их с помощью js. Для более удобного создания всплывающих окон держите гайд с генератором
Страница с генератором не имеет мобильной версии
🔥6❤2👍2
В чем секрет быстрого запуска?🔜
В энергии кота-бориса? В количестве сертификатов у специалистов?
Любой, кто был созерцателем запусков с переоформлением интерфейсов, знает, что переоформление — дело небыстрое. Сперва дизайнер должен отрисовать все требуемые компоненты, затем дизайн передают разработчику. В процессе разработки в дизайн вносятся правки, что-то разработчик с первого раза реализовать не может, а потом может вдруг выясниться, что с новым дизайном что-то, что раньше работало, работать перестало 😬
Один из способов ускорить запуск — правильно организовать подход к дизайну 🛠
Создание единого UI-кита и компонентов позволяет ускорить работу по всем направлениям. 👌
🔥 Дизайнеру гораздо быстрее собирать интерфейсы, если все организовано в компонентах и для внесения правок не нужно обходить каждый элемент для изменений
🔥 Организатору работ гораздо проще дать оценку макету, если все элементы изображены в натуральную величину и едино. Если же на макете раздела тренингов нет меню, нет элементов геткурса, а новые элементы просто нарисованы на белом фоне, нет ничего удивительного, что после сдачи работ разработичком ожидаемое не совпадает с действительностью
🔥 Разработчику гораздо проще работать с макетами, где для верстки не нужно дорабатывать макет
Какой минимум элементов должен быть в UI-ките?
1. Все разновидности текстовых элементов в переменных
2. Основные цвета
3. Отрисовка всех динамических элементов. Если дизайнер рисует чекбокс, он должен иметь оба состояния, а не только включенный или выключенный вариант
Даже такого минимума хватит, чтобы сократить частоту возникновения спорных ситуаций между дизайнерами и разработчиками. Например, если дизайнер забыл застилизовать какой-либо элемент, разработчик возьмет из его из общего вида в UI-ките и сдаст, в конечном счете, работу более высокого качества
Посмотрите на второй скриншот. Все элементы были добавлены на страницу в течение 15 минут, а благодаря тому, что все элементы прописаны согласно общему стилю, никакой "подгонки" блоков под ситуацию даже не требуется🐈⬛
А часто ли вы видите UI-киты в дизайн-макетах GetCourse?
В энергии кота-бориса? В количестве сертификатов у специалистов?
Любой, кто был созерцателем запусков с переоформлением интерфейсов, знает, что переоформление — дело небыстрое. Сперва дизайнер должен отрисовать все требуемые компоненты, затем дизайн передают разработчику. В процессе разработки в дизайн вносятся правки, что-то разработчик с первого раза реализовать не может, а потом может вдруг выясниться, что с новым дизайном что-то, что раньше работало, работать перестало 😬
Один из способов ускорить запуск — правильно организовать подход к дизайну 🛠
Создание единого UI-кита и компонентов позволяет ускорить работу по всем направлениям. 👌
🔥 Дизайнеру гораздо быстрее собирать интерфейсы, если все организовано в компонентах и для внесения правок не нужно обходить каждый элемент для изменений
🔥 Организатору работ гораздо проще дать оценку макету, если все элементы изображены в натуральную величину и едино. Если же на макете раздела тренингов нет меню, нет элементов геткурса, а новые элементы просто нарисованы на белом фоне, нет ничего удивительного, что после сдачи работ разработичком ожидаемое не совпадает с действительностью
🔥 Разработчику гораздо проще работать с макетами, где для верстки не нужно дорабатывать макет
Какой минимум элементов должен быть в UI-ките?
1. Все разновидности текстовых элементов в переменных
2. Основные цвета
3. Отрисовка всех динамических элементов. Если дизайнер рисует чекбокс, он должен иметь оба состояния, а не только включенный или выключенный вариант
Даже такого минимума хватит, чтобы сократить частоту возникновения спорных ситуаций между дизайнерами и разработчиками. Например, если дизайнер забыл застилизовать какой-либо элемент, разработчик возьмет из его из общего вида в UI-ките и сдаст, в конечном счете, работу более высокого качества
Посмотрите на второй скриншот. Все элементы были добавлены на страницу в течение 15 минут, а благодаря тому, что все элементы прописаны согласно общему стилю, никакой "подгонки" блоков под ситуацию даже не требуется
А часто ли вы видите UI-киты в дизайн-макетах GetCourse?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤5👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Виджет опроса внутри GetCourse✨
Будни для работы, а суббота — идеальное время для неспешной доработки пятничных вечерних пет-проектов😎
Пет-проект — это разработка, идею которой я придумал или где-то вдохновился и которую делаю как концепцию бесплатно и для себя🖍
Детище этой пятницы — виджет опросов, с помощью которого можно периодически проводить опросы своей ЦА с записью публичных результатов. Виджет имеет удобную систему администрирования и может быть дублирован сколько угодно раз с помощью небольшой настройки (без кода).
🤝 Виджет показывает актуальное число проголосовавших и три случайные аватарки голосовавших.
Не имеет обилия запросов к серверам GetCourse, что является достоинством сейчас, когда при большом количестве запросов с вашей страницы у каких-то из них могут случиться "аварийные отключения", и что может быть опасно, если в вашей школе работают разные разработчики или вы ставите различные готовые кодовые решения🐈⬛
Будни для работы, а суббота — идеальное время для неспешной доработки пятничных вечерних пет-проектов
Пет-проект — это разработка, идею которой я придумал или где-то вдохновился и которую делаю как концепцию бесплатно и для себя
Детище этой пятницы — виджет опросов, с помощью которого можно периодически проводить опросы своей ЦА с записью публичных результатов. Виджет имеет удобную систему администрирования и может быть дублирован сколько угодно раз с помощью небольшой настройки (без кода).
Не имеет обилия запросов к серверам GetCourse, что является достоинством сейчас, когда при большом количестве запросов с вашей страницы у каких-то из них могут случиться "аварийные отключения", и что может быть опасно, если в вашей школе работают разные разработчики или вы ставите различные готовые кодовые решения
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🔥8🤯2
🥩 FARSH — конфа для техспецов
Уже скоро, 15 февраля пройдет конференция для техспецов. В отличие от GETC, FARSH будет посвящен обзору технических новинок в рамках платформы GetCourse
Моя тема выступления — Как правильно доработать UI платформы GetCourse и упростить жизнь технического специалиста, сопровождающего проект: демонстрация проверенных способов.
Рассказывать буду об админках, о том, что у них под капотом и какие они бывают.
Таким образом, будут рассказаны механики:
1. Блоков по типу блока таймкодов, которые умеют сами себя перезаписывать, сохраняя ваши настройки
2. Блоков по типу "последний просмотренный\последние просмотренные\лайкнутые"
3. Админки для разделов, какие есть только в шаблоне One Way
4. Механику, с помощью которой можно добавить любую новую сущность для любого контента в гк. Например, добавить для тренингов и уроков возможность устанавливать любые картинки с делением на "пк-картинка" и "мобильная картинка", а также сделать это более надежным способом, чем тем, которым сейчас пользуются все
Помимо обзора технических новинок будут инсайды по гк, дебагу популярных ошибок и советы по тому, как учиться писать подобное самому. При покупке по ссылке вы получите 10% скидки 👇👇👇
Онлайн конференция FARSH
Помимо моего выступления эфир будет заполнен достойнейшими из спецов по GC, каждая тема которого также рекомендуется к просмотру 🤌 Добро пожаловать!
Уже скоро, 15 февраля пройдет конференция для техспецов. В отличие от GETC, FARSH будет посвящен обзору технических новинок в рамках платформы GetCourse
Моя тема выступления — Как правильно доработать UI платформы GetCourse и упростить жизнь технического специалиста, сопровождающего проект: демонстрация проверенных способов.
Рассказывать буду об админках, о том, что у них под капотом и какие они бывают.
Таким образом, будут рассказаны механики:
1. Блоков по типу блока таймкодов, которые умеют сами себя перезаписывать, сохраняя ваши настройки
2. Блоков по типу "последний просмотренный\последние просмотренные\лайкнутые"
3. Админки для разделов, какие есть только в шаблоне One Way
4. Механику, с помощью которой можно добавить любую новую сущность для любого контента в гк. Например, добавить для тренингов и уроков возможность устанавливать любые картинки с делением на "пк-картинка" и "мобильная картинка", а также сделать это более надежным способом, чем тем, которым сейчас пользуются все
Помимо обзора технических новинок будут инсайды по гк, дебагу популярных ошибок и советы по тому, как учиться писать подобное самому. При покупке по ссылке вы получите 10% скидки 👇👇👇
Онлайн конференция FARSH
Помимо моего выступления эфир будет заполнен достойнейшими из спецов по GC, каждая тема которого также рекомендуется к просмотру 🤌 Добро пожаловать!
🔥6👍3
🥩 НаFARSHировали супер-папку!
😊 Нажимаете «Посмотреть чаты», затем "Добавить папку" и теперь вы подписаны на все Telegram-каналы топовых технарей в сфере EdTech 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
FARSH
Sergey Kharkov™ invites you to add the folder “FARSH”, which includes 16 chats.
🔥6❤4👍2