Proforientator — образовательный сервис, помогающий школьникам и взрослым в выборе профессии. Платформа предоставляет тесты на профориентацию, консультации с экспертами и базу данных по специальностям и учебным заведениям.
Наталья Скловская, директор по маркетингу
Нам нужен современный сайт, который объединит все наши сервисы: тестирование, консультации и базу профессий. Важно, чтобы пользователи легко находили информацию, а администраторы могли оперативно обновлять контент. Получится сделать?
Владислав Свежинцев, проектный менеджер
Конечно! Мы создадим удобный портал с интуитивно понятной навигацией. Особое внимание уделим персонализации контента и интеграции сервисов — все для повышения вовлеченности пользователей.
Ход проекта
На сайте стояла старая версия Битрикса. Не было возможности ее обновлять, так как стояло кастомизированное ядро.
Дизайн сайта был предоставлен клиентом. Наша команда занималась версткой и программированием.
Сайт мы делали на новом PHP. Добавили много новых модулей и разделов. Кроме того, были исправлены старые ошибки и установлено новое ядро системы.
Дополнительно:
Результат: альфа‑версия сайта.
Также для удобной работы менеджера со стороны заказчика мы:
Результаты:
Дизайн сайта был предоставлен клиентом. Наша команда занималась версткой и программированием.
Этап 1. Верстка
Что сделали:
🔵 сверстали макеты с использованием HTML, CSS и JavaScript;
🔵 оптимизировали скорость загрузки (сжатие изображений, кеширование);
🔵 обеспечили адаптивность для разных браузеров и устройств;
🔵 добавили интерактивные элементы.
🔵 оптимизировали скорость загрузки (сжатие изображений, кеширование);
🔵 обеспечили адаптивность для разных браузеров и устройств;
🔵 добавили интерактивные элементы.
Результат: готовые HTML‑страницы сайта.
Этап 2. Разработка (back‑end)
Сайт мы делали на новом PHP. Добавили много новых модулей и разделов. Кроме того, были исправлены старые ошибки и установлено новое ядро системы.
- Установили и настроили базу данных.
- Установили и настроили базовую систему Битрикс, лицензия «Малый бизнес».
- Настроили модули страниц.
Мы пошагово реанимировали и воссоздавали старые модули и переносили их в новую систему.
Список модулей:
🔵 тесты на профориентацию с автоматической обработкой и выдачей результатов;
🔵 каталог тренингов под разные цели и ситуации;
🔵 каталог профессий с фильтрацией по уровню образования, профилю, отрасли, компетенциям и профильным ЕГЭ;
🔵 каталог вузов с фильтрами по направлениям и телефонами приемных комиссий;
🔵 система консультаций (профили экспертов, их контакты, отзывы);
🔵 тренеры (фотографии, компетенции, список услуг, отзывы);
🔵 статьи на тему профориентации;
🔵 о центре (история, направления деятельности, сотрудники);
🔵 отзывы довольных клиентов;
🔵 контакты.
🔵 каталог тренингов под разные цели и ситуации;
🔵 каталог профессий с фильтрацией по уровню образования, профилю, отрасли, компетенциям и профильным ЕГЭ;
🔵 каталог вузов с фильтрами по направлениям и телефонами приемных комиссий;
🔵 система консультаций (профили экспертов, их контакты, отзывы);
🔵 тренеры (фотографии, компетенции, список услуг, отзывы);
🔵 статьи на тему профориентации;
🔵 о центре (история, направления деятельности, сотрудники);
🔵 отзывы довольных клиентов;
🔵 контакты.
Дополнительно:
🔵 настроили кеширование и оптимизировали производительность;
🔵 провели SEO‑оптимизацию (ЧПУ, метатеги, микроразметка);
🔵 интегрировали CRM для обработки заявок;
🔵 подключили SSL‑сертификат.
🔵 провели SEO‑оптимизацию (ЧПУ, метатеги, микроразметка);
🔵 интегрировали CRM для обработки заявок;
🔵 подключили SSL‑сертификат.
Результат: альфа‑версия сайта.
Этап 3. Тестирование и запуск
Что сделали:
🔵 проверили работоспособность всех функций (тесты, запись на консультации);
🔵 протестировали адаптивность на разных устройствах;
🔵 устранили баги и оптимизировали скорость загрузки;
🔵 перенесли сайт на основной сервер и подключили домен.
🔵 протестировали адаптивность на разных устройствах;
🔵 устранили баги и оптимизировали скорость загрузки;
🔵 перенесли сайт на основной сервер и подключили домен.
Результат: готовый сайт.
Этап 4. Обучение
Мы сделали систему внутри Битрикса максимально простой, убрали лишние элементы из интерфейса.
Далее мы настроили работу удобного редактора Wysiwyg (похож на MS Word). Он удобен для создания контента и редактирования страниц.
Также для удобной работы менеджера со стороны заказчика мы:
🔵 подготовили видеоинструкции по управлению контентом;
🔵 провели онлайн‑консультацию для сотрудников;
🔵 продемонстрировали функционал сайта и ответили на вопросы.
🔵 провели онлайн‑консультацию для сотрудников;
🔵 продемонстрировали функционал сайта и ответили на вопросы.
Результаты:
🔵 подготовленная документация;
🔵 готовая инструкция;
🔵 менеджер заказчика получил навыки самостоятельного управления сайтом.
🔵 готовая инструкция;
🔵 менеджер заказчика получил навыки самостоятельного управления сайтом.
Оставьте заявку на проект, мы свяжемся с Вами в ближайшее
время и ответим на все интересующие вопросы.
Галерея проекта
Оставьте заявку на проект, мы свяжемся с Вами в ближайшее
время и ответим на все интересующие вопросы.
Над проектом работали
Frontend разработчик
Сергей Давыдов
Frontend разработчик
Сергей Давыдов
Bitrix-разработчик
Виктор Г.
Bitrix-разработчик
Виктор Г.
Наталья Скловская, директор по маркетингу
Команда Joywin хорошо справилась с задачей! Сайт получился удобным, функциональным и полностью соответствует нашим задачам. Уже видим рост регистраций и заявок на консультации. Большое спасибо!
Владислав Свежинцев, проектный менеджер
Спасибо за отзыв! Рады, что сайт помогает развивать сервис. Если появятся идеи по доработке или новые задачи — всегда готовы помочь!
Отзыв заказчика
Генеральный директор
Виктория Кононова
ЦТР «Гуманитарные технологии» выражает искреннюю благодарность веб-студии JoyWin за плодотворное сотрудничество, которое длится уже несколько лет. За это время было создано два масштабных проекта, на регулярной основе проводятся работы по отдельным задачам.
Благодарим коллектив веб-студии Joywin за профессионализм, оперативность, отзывчивость, креативный подход и ответственность. Желаем процветания и успешного развития в профессиональной деятельности!
Похожие проекты