rgb(207, 255, 0)
Все кейсы
HABПРОФИ
Профориентация · Next.js / React
HABПРОФИ
LAB
Онлайн-платформа, которая помогает подростку увидеть свои сильные стороны и сделать первый осознанный шаг к профессии.
HABПРОФИLAB — цифровая лаборатория профориентации, развития навыков и образовательных маршрутов.
Два домена проекта объединены в один кейс: публичная витрина знакомит с программой, а продуктовая платформа поддерживает тестирование и личные сценарии пользователей.
Тесты, практические задания, курсы и инструменты отслеживания результатов помогают определить интересы, способности и подходящие профессиональные направления.
Визуальная система
Четыре основных цвета
Неоновый лайм создаёт энергичный подростковый акцент, глубокий фиолетовый обеспечивает контраст, а тёплый светлый фон делает интерфейс спокойным и дружелюбным.
rgb(43, 33, 77)rgb(246, 245, 242)rgb(27, 27, 31)Технологии
Стек профориентационной платформы
Современный фронтенд поддерживает динамические тесты, личные кабинеты и масштабируемые образовательные сценарии.
Next.js
Маршрутизация и серверный рендеринг ускоряют публичные и продуктовые страницы.
React
Интерактивные тесты и задания собираются из повторно используемых компонентов.
Личный кабинет
Профиль хранит прогресс, результаты тестирования и выбранные программы.
Assessment logic
Система оценивания переводит ответы в понятный профиль сильных сторон и направлений.
Интерфейс проекта
Страницы сайта целиком
Полные версии главной страницы без кадрирования — desktop, laptop, tablet и mobile.
Состав работ
Что вошло в проект
Продуктовая архитектура
Профориентационные тесты
Личные кабинеты
Курсы и практические задания
Трекинг результатов
Два связанных домена
От задачи к системе
Как строится маршрут подростка
Знакомство
Публичная страница объясняет ценность профориентации и формат работы.
Тестирование
Интерактивные вопросы собирают данные об интересах и способностях.
Результат
Платформа показывает сильные стороны и подходящие направления.
Развитие
Курсы и задания помогают проверить выбор на практике и развить soft skills.
Смысл и SEO
Разработка платформы профориентации
Цифровой продукт соединяет диагностику, персональные результаты и образовательный контент.
- 01Платформа профориентации
- 02Тестирование подростков
- 03Личный кабинет ученика
- 04Развитие soft skills
- 05Образовательная платформа Next.js
- 06Онлайн-курсы для подростков
Публичные страницы раскрывают профориентацию через запросы родителей и подростков, а продуктовая часть продолжает путь внутри личного кабинета.
Тематические страницы тестов, навыков и программ формируют основу для расширения поисковой структуры проекта.
Новый проект
Хотите подобный проект?
Создадим образовательную платформу с тестированием, персональными результатами и личными кабинетами.
- Соберём механику оценки
- Спроектируем путь ученика
- Разработаем масштабируемый интерфейс