Tashkent Open — сайт международного шахматного турнира
Сделали сайт шахматного турнира Tashkent Open на приз хокима Ташкента: список участников с поиском и фильтрами, призовой фонд по группам, победители, положение и обратная связь на трёх языках.
Задача
Tashkent Open — международный шахматный турнир на приз хокима Ташкента. Его организуют хокимият города и Шахматная федерация Узбекистана при участии школы Sky Chess. Турнир проходит в два этапа — онлайн-отбор на chess.com и очный финал — и собирает профессионалов и любителей из Узбекистана и других стран.
У международного турнира длинные списки участников: регистрация, онлайн-отбор, профессиональные группы, а внутри — ветераны, любители, парашахматисты, профессионалы и юниоры трёх возрастов. Участнику нужно быстро найти себя, а организаторам — увидеть состав по категориям, странам и районам. Сайт шахматного турнира должен был превратить эти списки в удобный инструмент.
Призовой фонд в 330 миллионов сумов распределён между четырьмя группами — мужчинами и женщинами, профессионалами и любителями, — а в нескольких группах есть отдельные номинации для ветеранов, молодёжи и парашахматистов. Такую структуру трудно прочитать в сплошном тексте положения, особенно с телефона.
Места определяются по очкам, а при равенстве — по дополнительным показателям: личной встрече, коэффициентам Бухгольца, рейтингу перформанс и числу побед. Эти правила, само положение и его PDF-версия должны быть под рукой у каждого игрока, чтобы спорных вопросов на финише было меньше.
Аудитория турнира говорит на узбекском, русском и английском, а вопросы к организаторам часто требуют вложений — скриншотов или документов. Нужны были три языковые версии, форма обратной связи с файлами и страницы, которые быстро открываются на телефоне даже с видео на первом экране.
Решение
Мы собрали сайт как путеводитель по турниру. Главная страница открывается видео, датами и местом финала, дальше идут группы участников, призовой фонд и два этапа: онлайн-отбор на chess.com в блице 3+2 и финал в рапиде 15+10 по швейцарской системе. Отдельные разделы посвящены турниру, участникам, правилам, призам, победителям и новостям.
Список участников разделён по этапам: регистрация, отборочный тур и профессионалы. Найти себя можно по ID или ФИО, а список — отфильтровать по категории, стране и району и отсортировать. Призовой фонд разложен по вкладкам групп, победители показаны со званиями и призовыми, а положение открывается во встроенном просмотрщике или скачивается в PDF.
Технически это одностраничное приложение на React и Vite с MobX и анимациями на framer-motion. Страницы и переводы подгружаются по мере перехода, а контент хранится в отдельных JSON-файлах, поэтому к новому сезону меняются данные, а не код. Сайт работает на Vercel, а сообщения из формы уходят организаторам через Google Apps Script.
Список участников с фильтрами
Участники разделены по этапам: регистрация, отборочный тур и профессионалы. Поиск работает по ID и ФИО, фильтры — по категории, стране и району, а постраничная таблица показывает регион, категорию и время регистрации каждого игрока.
Призовой фонд по группам
Фонд в 330 миллионов сумов разложен по вкладкам четырёх групп. На каждой — места с суммами, а там, где это предусмотрено положением, отдельные номинации для ветеранов, молодёжи и парашахматистов, поэтому игрок сразу видит, за что борется.
Победители и правила подсчёта
Победители каждой группы показаны с местом, шахматным званием и суммой приза. Под таблицей перечислены дополнительные показатели, которые решают исход при равенстве очков, поэтому итоговые места не вызывают вопросов.
Положение турнира
Раздел правил содержит полный текст положения: руководство турниром, порядок и место проведения, право участия и награждение. Документ открывается во встроенном просмотрщике или в новой вкладке и скачивается в PDF, чтобы сверяться с ним без интернета.
Обратная связь с вложениями
Форма просит имя, почту, телефон и сообщение до 1200 символов и принимает до пяти файлов jpeg и png по 15 МБ. Поля проверяются при вводе, а обращение вместе с файлами уходит организаторам через Google Apps Script.
Три языка и быстрая загрузка
Узбекская, русская и английская версии переключаются в шапке, и у каждой свой адрес для поисковиков. Страницы и переводы загружаются отдельными частями, ответы кэшируются в браузере, а у видео на главной есть постер, чтобы первый экран не пустовал.
Результаты
Главные итоги проекта в цифрах.
- 7Категорий участников
Ветераны, любители, парашахматисты, профессионалы и юниоры трёх возрастов фильтруются в одном списке.
- 60 FPSПлавность анимаций
Переходы между страницами и анимации интерфейса идут без рывков на компьютере и телефоне.
- 3Языковые версии
Узбекская, русская и английская версии для игроков из Узбекистана и других стран.
- 12 дн.До запуска сайта
Все разделы, данные и три языковые версии мы подготовили за двенадцать дней.
Дизайн и интерфейсы
Ключевые экраны и интерфейсы проекта.
Технологии в проекте
Стек, на котором мы строили решение под задачи клиента.
- Vercel
- React
- Vite
Похожие кейсы
Готовы стать следующим кейсом?
Расскажите о задаче — менеджер соберёт команду, посчитает смету и пришлёт коммерческое предложение в первый час после заявки. Без обязательств и без рассылок.