Многоязычный сайт малайзийского отделения Всемирной ассоциации узбекской молодёжи
WAYU Malaysia — сайт малайзийского отделения Всемирной ассоциации узбекской молодёжи, основной сайт которой — wayu.uz. Он создан для узбекских студентов и молодёжи, которые планируют учиться в Малайзии или уже живут там, а также для университетов, агентств и партнёров, с которыми работает отделение. Мы спроектировали и сделали его как многоязычный сайт общественной организации со встроенной CMS — на узбекском, малайском, английском и русском языках.
Сайт отвечает на вопросы, которые студент задаёт до приезда и после него: как выбрать университет, как устроен процесс получения визы и EMGS и где найти сообщество. Кроме того, у отделения появилась единая админ-панель для контента, участников, посещаемости мероприятий и входящих обращений.
Ключевые возможности
- Четыре языка, одна модель контента — каждая страница живёт под языковым префиксом (
/uz,/ms,/en,/ru), узбекский — язык по умолчанию. Небольшой хелперpickработает и со словарями на четыре языка, и со словарями на три, поэтому там, где строка ещё не переведена на малайский, показывается английский вариант, а не пустое место. - Гид по учёбе и жизни — пошаговое объяснение процесса получения студенческой визы и EMGS, каталог университетов-партнёров с программами, стоимостью обучения и сроками набора, раздел для тех, кто готовится к приезду, и ссылки на официальные источники, такие как Education Malaysia Global Services и Иммиграционный департамент Малайзии.
- Отделы — четыре отдела сообщества (спорт; цифровые инновации и технологии; партнёрство и спонсорство; медиа и коммуникации), у каждого своя страница и блок с координатором, который по очереди показывает того, кого дольше всех не показывали.
- Календарь мероприятий — предстоящие и прошедшие мероприятия с фильтрами по категориям, отдельные страницы мероприятий и форма регистрации.
- Новости и реестр меморандумов — раздел новостей и реестр соглашений о сотрудничестве. Каждая строка открывает описание на четырёх языках с обложкой и публичными источниками, на которых оно основано.
- Чат-ассистент на входе — виджет на всём сайте сопоставляет сообщение посетителя с намерениями — вступление, отделы, мероприятия, учёба, жизнь, сотрудничество, контакты — и отвечает на текущем языке со ссылками на нужную страницу. Он намеренно работает на правилах: за ним нет LLM, и ничего из того, что в него вводят, никуда не отправляется.
- Панель доступности — цветной, чёрно-белый и инвертированный режимы отображения, возможность скрыть изображения, режим для скринридера и настройка размера шрифта; настройки применяются ко всему сайту и запоминаются между визитами.
- Поиск по сайту — поисковое окно, которое опирается на клиентский индекс, построенный из тех же данных навигации, отделов, мероприятий и новостей, которые выводят страницы, поэтому результаты не могут разойтись с контентом.
Архитектура и технологический стек
Фронтенд
Публичный сайт — приложение на Next.js 16 App Router и React 19, со стилями на Tailwind CSS и анимациями на GSAP. Главная страница открывается первым экраном из двух половин, который соединяет виды Узбекистана и Куала-Лумпура, а за ним идут разделы мероприятий, сообщества и знакомства с ассоциацией. Каждый маршрут находится внутри динамического сегмента [lang], поэтому у каждой языковой версии свои URL.
CMS и данные
Payload CMS 3 встроена в то же приложение на Next.js по адресу /admin, а не размещена отдельно; она работает на PostgreSQL и редакторе форматированного текста Lexical. Модель контента включает 15 коллекций, в том числе Departments, Events, Coordinators, Universities, Announcements, Partners, News, Timeline, Resources, Projects, Members, Attendance и Support requests, а также глобальные разделы Home, Guide и Settings. Редакционный контент переведён на все четыре языка. SEO-плагин добавляет мета-поля для каждой страницы, а плагин импорта-экспорта отвечает за массовую работу с данными. Почта отправляется через Nodemailer, только если настроен SMTP, поэтому локальная разработка и первый запуск сервера никогда не падают из-за отсутствующего почтового сервера.
Роли и KPI участников
Админ-панель разделена на группы «Контент», «Операции» и «Администрирование». Администраторы могут всё, редакторы управляют контентом и операционными данными, а координаторы отделов видят только участников, посещаемость и мероприятия своего отдела, а контент — только в режиме чтения. Дашборд показывает открытые обращения, предстоящие мероприятия, участников, активных участников и вклад каждого отдела.
Вовлечённость участников считает хук Payload. У каждой записи о посещении есть роль — слушатель, волонтёр, спикер или организатор, — которая по умолчанию приносит 1, 3, 5 или 8 баллов, а веса можно поменять в глобальном разделе Settings. Баллы, число посещённых и организованных мероприятий и дата последней активности хранятся в строке участника, поэтому список в админке можно сортировать без агрегирующего запроса на каждую строку. Собственные записи хука помечены так, чтобы не запускать пересчёт, поэтому он никогда не вызывает сам себя повторно.
Перенос контента
Изначально контент сайта хранился в структурированном файле. Скрипт миграции импортирует его в базу данных и может безопасно запускаться повторно, а скрипт проверки сверяет результат. В текущей сборке публичные страницы всё ещё рендерятся из этого файла, а переключение их на чтение из базы данных запланировано как отдельный шаг.
Наша роль
Мы полностью отвечали за дизайн и разработку в течение двух недель в августе 2026 года. В первый же день мы подготовили сайт на Next.js и дизайн-исходники, схему Payload CMS, локализацию и перенос контента, а также админ-панель с дашбордом, проверенную от начала до конца. В следующие дни мы добавили раздел новостей, регистрацию на мероприятия, реестр меморандумов, чат-ассистента, исправления адаптивной вёрстки и расширенный гид по учёбе с информацией для тех, кто только готовится к приезду, а также убрали личные контакты в Telegram из профилей членов команды.
Смежные работы
В WAYU Malaysia сошлись наши услуги по разработке сайтов, разработке веб-приложений и дизайну цифровых продуктов. Ещё одна платформа для сообщества в Малайзии — Pitch, наша платформа для футбольных турниров в реальном времени. Многоязычный продукт, созданный для Узбекистана, — Bronjoy.
