Шахматный клуб МАИ
Сайт для шахматного сообщества вуза с историей клуба, новостями, календарем турниров, возможностью вступить в клуб и записаться на турнир
Клиент
Шахматный клуб МАИ — шахматное сообщество действующих и бывших студентов, преподавателей и сотрудников Московского авиационного института. Клуб появился в 1930 году вместе с самим институтом. В шахматном клубе проходят турниры и лекции для студентов и преподавателей МАИ. Также здесь тренируется шахматная сборная, которая представляет институт на официальных турнирах.
Задача
Разработать удобный сайт для шахматного клуба МАИ, где можно было бы:
- посмотреть календарь шахматных турниров и записаться на них;
- вступить в шахматную секцию;
- почитать новости клуба и узнать о его истории;
- стать частью шахматного сообщества МАИ.
Решение
Бэкенд-разработка в Bitrix
В бэкенде сайта использовали функционал Bitrix, который адаптировали под задачи клиента. Добавили в административную панель необходимые блоки для редактирования контента и системные роли.
Системные роли. В административной панели выделили роли с разным уровнем доступа к контенту:
- судья — размещает турниры и отслеживает, кто на них записался;
- администратор — контролирует запись в шахматную секцию;
- редактор — управляет к новостным контентом.
SEO-оптимизация. Оптимизировали сайт для поисковых систем, чтобы эффективнее работать с абитуриентами и пополнять ряды клуба сильными шахматистами.
Фронтенд-разработка
Для разработки фронтенда сайта использовали следующие языки:
- HTML — для гипертекстовой разметки текста;
- SCSS — для быстрого напиcания CSS стилей;
- TypeScript — для минимизации багов и возможных ошибок
Самое сложное и одновременно интересное в разработке фронтенда было написать календарь турниров. Мы не находили подходящие библиотеки, чтобы сделать стилизацию. Две капчи на одной странице конфликтовали между собой, и мы обратились к неочевидному решению.
Дизайн: айдентика и UI-кит
Дизайн сайта шахматного клуба должен был перекликаться с визуальным оформлением сайта МАИ. Поэтому в айдентике и UI-ките мы ориентировались на основной шрифт, цветовую палитру и другие стилистические решения сайта.
Логотип
Для визуальной преемственности мы разработали логотип на основе логотипа МАИ:
- добавили шахматные элементы;
- основным цветом выбрали фирменный голубой.


У нас было несколько концептов логотипа, но мы остановились на варианте с фигурами коня и ладьи на шахматной доске.
Анимация
Чтобы придать сайту динамики и создать атмосферу игры, отрисовали анимацию для обложки на главной странице.
Иллюстрации
Отрисовали иллюстрации в виде шахматных фигур. Они отражают смысл текста и поддерживают суть повествования.



Динамические цифры
Внизу главной страницы размещены динамические цифры. Мы интегрировали их с подключенными сервисами, и они автоматически пересчитывают участников клуба.
Адаптивный интерфейс
Мы адаптировали интерфейс под мобильные устройства, чтобы и на смартфонах сайт выглядел привлекательно и удобно, сохранял логику повествования и визуальный стиль.

Функции сайта
Прием заявок на вступление в клуб
«Вступить в клуб» — главная кнопка на сайте. Можно подать заявку на вступление в клуб, заполнив анкету. Через эти анкеты ведется список членов клуба.

Календарь турниров
В календаре турниров можно посмотреть подробную информацию о соревновании и записаться на него, заполнив анкету.

Новости
На сайте можно смотреть все новости о жизни клуба.


Сборная МАИ
На вкладке можно познакомиться с информацией о сборной МАИ, которая представляет клуб и вуз на всех официальных турнирах.

Что дальше
Мы продолжаем развивать сайт клуба и оказывать техподдержку.
-
Сайт шахматного клуба МАИ был создан компанией «Фрифлекс» в короткие сроки и с учетом специфики работы одного из крупнейших технических вузов России. В дизайне использованы лаконичные формы основного сайта mai.ru и узнаваемые шахматные элементы. По взаимодействию с самой массовой секцией в МАИ (занимается более 200 студентов) организованы удобные формы обратной связи, что повысило скорость обработки и систематизации данных в административной панели. Общаясь с руководителями других спортивных секций, прихожу к однозначному выводу — сайт maichess.ru не только лучший в МАИ, но и в целом в студенческих шахматах Москвы.
Другие кейсы

CrossConf
Мобильное приложение для самой большой конференции о кроссплатформенной разработке

Бристоль
Мобильное приложение для сети магазинов у дома