Клиент

Шахматный клуб МАИ — шахматное сообщество действующих и бывших студентов, преподавателей и сотрудников Московского авиационного института. Клуб появился в 1930 году вместе с самим институтом. В шахматном клубе проходят турниры и лекции для студентов и преподавателей МАИ. Также здесь тренируется шахматная сборная, которая представляет институт на официальных турнирах.

Задача

Разработать удобный сайт для шахматного клуба МАИ, где можно было бы:

• посмотреть календарь шахматных турниров и записаться на них;
• вступить в шахматную секцию;
• почитать новости клуба и узнать о его истории;
• стать частью шахматного сообщества МАИ.

Решение

Бэкенд-разработка в Bitrix

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

Системные роли. В административной панели выделили роли с разным уровнем доступа к контенту:

• судья — размещает турниры и отслеживает, кто на них записался;
• администратор — контролирует запись в шахматную секцию;
• редактор — управляет к новостным контентом.

SEO-оптимизация. Оптимизировали сайт для поисковых систем, чтобы эффективнее работать с абитуриентами и пополнять ряды клуба сильными шахматистами.

Фронтенд-разработка

Для разработки фронтенда сайта использовали следующие языки:

• HTML — для гипертекстовой разметки текста;
• SCSS — для быстрого напиcания CSS стилей;
• TypeScript — для минимизации багов и возможных ошибок

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

Дизайн: айдентика и UI-кит

Дизайн сайта шахматного клуба должен был перекликаться с визуальным оформлением сайта МАИ. Поэтому в айдентике и UI-ките мы ориентировались на основной шрифт, цветовую палитру и другие стилистические решения сайта.

Логотип

Для визуальной преемственности мы разработали логотип на основе логотипа МАИ:

• добавили шахматные элементы;
• основным цветом выбрали фирменный голубой.

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

Анимация

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

Иллюстрации

Отрисовали иллюстрации в виде шахматных фигур. Они отражают смысл текста и поддерживают суть повествования.

Динамические цифры

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

Адаптивный интерфейс

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

Функции сайта

Прием заявок на вступление в клуб

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

Календарь турниров

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

Новости

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

Сборная МАИ

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

Что дальше

Мы продолжаем развивать сайт клуба и оказывать техподдержку.