Что нового в htmllessons 2.6.0

🥳 Большой день! Обновление 2.6.0 на платформе.

Долгие дни работы, было непросто. Особенно доводить детали. Вообще идея витала около 2 месяцев — я вдохновлялся разными приложениями. И потом подумал, блин а что нам мешает на платформе сделать PWA таким же удобным как отдельное приложение? Честно до этого, я постоянно забивал на мобилку, я думаю это было ошибкой и много юзеров меня вспоминали когда им было дискомфортно проходить уроки с телефона.

🏎 Летс гоу, посмотрим, что изменилось:

🌐 Публичные страницы и навигация
⏩Полностью переработаны карусели по всему сайту, плюс добавлен drag на десктопах, удобные свайпы на мобильных и ленты во всю ширину экрана
⏩Переработаны все кнопки — улучшены зоны нажатия, состояния и визуальный feedback
⏩Переключение темы на мобильных теперь работает в один тап
⏩Часть иконок на сайте теперь анимированы

💳 Тарифы и подписка
⏩Полностью переработана страница подписки — новые переключатели сроков, структура и более понятная подача тарифов
⏩Добавлены sticky-бары на страницах тарифов и курсов — цена и оплата всегда доступны при прокрутке
⏩Добавлены новые карусели с подробным описанием того, что входит в тариф
⏩Добавлены интерактивные тултипы и подсказки
⏩Стоимость теперь плавно анимируется при переключении срока тарифа
⏩Скидки теперь рассчитываются точно, а не приблизительно
⏩Полностью переработана страница тарифа «Навсегда» — новый премиальный дизайн и более удобная подача предложения
⏩Добавлен месячный тариф RED Marathōn — теперь к марафону можно присоединиться уже в процессе
⏩Переработана и внутренняя часть RED Marathōn — теперь проходить марафон и отмечать свой прогресс можно прямо в личном кабинете

🖥 Новые Landing Pages
⏩На платформе появилась полноценная система лендингов для отдельных продуктов
⏩Уже полностью с нуля сделана новая страница RED Marathōn
⏩Лендинги используют общую UI-систему платформы, поэтому органично встраиваются в основной сайт

✨Обновление отдельных блоков
⏩Полностью переработан блок статистики — стал чище и получил новую Bento-структуру
⏩Полностью переработан FAQ — теперь он интерактивнее и компактнее

💰 Новая форма оплаты
⏩Полностью переработан интерфейс оплаты — процесс стал визуально проще и понятнее, особенно с телефона
⏩Добавлены новые быстрые способы оплаты: СБП, СберПэй, АльфаПэй, Т-Пэй

📱 Новый мобильный личный кабинет
⏩Основной фокус обновления — полная переработка личного кабинета под мобильные устройства
⏩Боковая навигация заменена на нижний menu bar в стиле Liquid Glass с анимациями и feedback при переключении
Liquid Glass пока работает только на Android — iOS почему-то не поддерживает его внутри PWA 😅
⏩Если раздел содержит несколько страниц, открывается bottom sheet (шторка) с подразделами — например, roadmap, интенсивами, нейросетями и марафонами
⏩В целом личный кабинет теперь ощущается гораздо ближе к полноценному мобильному приложению

🔐 Вход и установка PWA
⏩Полностью переработана форма входа — новый дизайн и удобная мобильная версия
⏩После входа появился bottom sheet с предложением установить платформу как PWA и отдельными инструкциями для iPhone и Android
⏩Полностью обновлена и отдельная страница установки PWA — инструкция стала значительно проще и понятнее

🏠Главная страница кабинета
⏩Полностью переработана карусель видео RED Group Media
⏩Обновлены кнопки вступления в сообщества — пользоваться ими с телефона стало удобнее
⏩Полностью переработан блок RED Marathōn — стал понятнее и удобнее

🎓 Обучение и курсы в кабинете
⏩Полностью переработаны списки курсов, интенсивов и марафонов
⏩Поиск теперь закрепляется сверху при прокрутке длинных списков
⏩Карточки стали информативнее — сразу видны стек и демо-изображения проекта
⏩Изображения проекта можно открыть в отдельной нижней шторке и подробно рассмотреть
⏩Полностью переработана страница урока — при создании UI/UX вдохновлялись YouTube, чтобы взаимодействие было максимально знакомым
⏩Плеер теперь находится сверху, а сразу под ним — содержание, лайк, описание и список заданий
⏩Список уроков открывается через bottom sheet — внутри виден общий прогресс, завершённые уроки и место, на котором вы остановились
⏩Описание также открывается через отдельную нижнюю шторку, не перегружая страницу
⏩Задания теперь можно отмечать выполненными обычным тапом — с приятной анимацией
⏩Переход дальше появляется после выполнения всех заданий урока

📦 Хранилище
⏩Полностью переработан раздел хранилища
⏩Улучшены поиск и навигация по материалам
⏩Любой файл теперь можно удобно скачать прямо с мобильного устройства

👤 Профиль и настройки
⏩Раздел «Ещё» теперь открывается полноценной нижней шторкой — внутри профиль, место в рейтинге, статус подписки и другая информация
⏩Полностью переработаны настройки в стилистике нативных мобильных приложений
⏩Каждое поле редактируется через отдельный bottom sheet — от данных профиля до аватара

🛠 Фиксы и полировка
⏩Исправлены проблемы со шрифтами и улучшена читаемость интерфейса
⏩Переработаны отступы, размеры элементов и touch-зоны на мобильных устройствах

🔥 И это только часть обновления
Сегодня в 20:00 проведём отдельный эфир с полным разбором апдейта.
Покажу остальные изменения, расскажу, как проектировался новый интерфейс, какой стек и нейросети использовались и что в итоге получилось.
Увидимся на эфире 🚀

Раньше это был просто сайт, теперь это полноценное удобное PWA приложение. В будущем добавим уведомления для удобства.

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

Поэтому каждая реакция, комментарий, ❤️ — реально мотивирует продолжать.