Atom Learn стал мягче, живее и ближе к человеку
Сохранили знакомую синюю палитру, но сделали опыт теплее: больше динамики, круглых карточек, понятных переходов и моковых страниц с профилем, статистикой, друзьями и досками.
4 участника, 67 карточек, 2 новых комментария.
Система мягко возвращает в поток, а не перегружает экран.
Все кнопки ниже уже переводят на отдельные макетные экраны.
Главная теперь ведёт не в тупик, а в полноценный мини-сайт Atom Learn.
Вместо набора CTA-кнопок без продолжения теперь есть логичный путь: вход, профиль, аналитика, список друзей и доски. Всё работает в одном файле как SPA-заглушка.
Готовая заглушка с логином `admin` и паролем `123`, плюс быстрый переход дальше.
Учебная карта пользователя, цели, прогресс, достижения и активные доски.
Анимированные бары, retention, heatmap активности и раскладка по предметам.
Моковые учебные пространства, карточки тем и совместные наборы материалов.
Как пользователь проходит по интерфейсу
Открывает экран логина, видит тестовые данные и заходит как `admin`.
Попадает в учебный кабинет со streak, целями, друзьями и досками.
Смотрит статистику, список друзей и управляет досками через роуты.
Можно идти с главной в профиль или сперва показать экран входа.
Главная уже ведёт в работающий макет продукта, а не просто обещает его.
Если дальше понадобится, на эти же роуты можно спокойно навесить настоящий backend или полноценный фронтенд-роутер.
Моковый вход в Atom Learn
Здесь уже есть заглушка для демонстрации продукта. Кнопка ведёт дальше в профиль пользователя.
Он визуально связан с остальными страницами и больше не выглядит как чужой модальный блок. Это помогает сделать продукт цельным даже на уровне моков.
Кабинет admin
Моковая страница профиля с привычными для учебной платформы блоками: цели, streak, друзья, доски и ближайшие повторения.
Сильнее всего растут химия и математический анализ.
Закрыть доску “Atomic Structure Sprint” и повторить 32 карточки.
Аналитика обучения
Моковая статистика собрана так, чтобы уже чувствовался реальный продукт: крупные графики, понятные сводки и живые показатели.
Горячие ячейки показывают самые насыщенные дни. Можно оставить как основу для будущего heatmap-компонента.
Учитесь вместе
Отдельный моковый экран для друзей, статусов и совместных повторений. Уже смотрится как полноценный social-блок внутри продукта.
Сейчас в доске “Chemistry Lab”, повторяет 9 карточек.
Поделился новой доской по квантовой механике и зовёт в команду.
Завершил вчера 32 карточки по аналитике и оставил комментарий на доске.
Устроила общий спринт на вечер. Уже 5 участников в голосовом созвоне.
Условная заглушка под социальный режим. Можно потом превратить в leaderboard или challenge-лендинг.
Учебные доски и наборы карточек
Отдельная страница под моковые пространства Atom Learn: темы, совместные доски, прогресс и кнопки действий.
Основная доска по атомной структуре, формулы, определения, визуальные карточки и вопросы к тесту.
Короткие быстрые повторы перед занятиями: термины, определения, ловушки и важные формулы.
Моковая доска для формул, реакций и карточек к лабораторным занятиям.
Пока это заглушка, но место уже предусмотрено: можно вести пользователя к созданию новой темы или подборки карточек.