MedFair — «Ярмарка разработок»

MedFair («Ярмарка разработок») — это полноценная конкурсно-коммуникационная платформа для медицинской отрасли. Сайт объединяет публичную программу, каталог разработок с фильтрацией, конкурс с 5 типами форм подачи, личный кабинет участника с отслеживанием статусов и B2B-сервис для назначения встреч между разработчиками и индустриальными партнёрами. Архитектура на Nuxt 3 (SSR) + Bitrix обеспечивает высокую производительность, SEO-базу для индексации и лёгкое масштабирование под новые конкурсы или партнёрские программы без потери скорости.

Сайт мероприятия построен на фреймворке Nuxt 3 с режимом серверного рендеринга (SSR). Это означает, что страницы загружаются максимально быстро, а поисковые роботы получают полностью готовый HTML с контентом, что критически важно для индексации события в Москве. Навигация по программе, каталогу и конкурсу происходит без перезагрузок — как в современном веб-приложении. Сервер сначала отдаёт структуру страницы, а интерактивные формы (регистрация, подача проектов) «оживают» на стороне клиента, обеспечивая баланс между скоростью и функциональностью.

Все данные о программе, спикерах, разработках, партнёрах и конкурсных проектах не «зашиты» в код, а подгружаются через REST API из Bitrix. Благодаря этому сайт остаётся быстрым даже при сотнях заявок и карточек проектов. Реализована полностью адаптивная вёрстка: на мобильных устройствах программа сворачивается в табы, карточки каталога выстраиваются вертикально, а на десктопе раскрывается удобная «сетка» с фильтрацией. Пользователь получает одинаково комфортный интерфейс и с телефона в день мероприятия, и с рабочего компьютера для подачи заявки.

В коде сайта прописаны все ключевые мета-теги (title, description, Open Graph) для каждой страницы: главной, каталога, карточки разработки, конкурса. Это позволяет поисковым системам правильно понимать тематику страниц и ранжировать мероприятие по запросам в сфере медицины и здравоохранения. Благодаря SSR поисковики видят полностью готовую страницу с программой, датами и местом проведения, а не пустой шаблон. Интеграция с Яндекс.Метрикой и вебмастером настроена для отслеживания эффективности регистраций.

Ключевая «механика» платформы — полноценный личный кабинет с регистрацией, подтверждением email и восстановлением пароля. Пользователь получает доступ к профилю (ФИО, организация, должность, аватар), управляет уведомлениями и отслеживает статус участника («одобрен / на проверке / отказ»). Система идентифицирует пользователя и показывает только те проекты и заявки, которые он подал. Реализована возможность отказа от участия. Пароли хранятся в зашифрованном виде, а все действия логируются для безопасности.

Участники могут подавать проекты через 5 типов динамических форм (ЛС, медизделие, новый материал — для конкурса; ЛС и медизделие/материал — для партнёров). Поля форм подгружаются из Bitrix, поддерживается загрузка файлов (лого, презентации, документы). В личном кабинете доступен список своих проектов с сортировкой и возможностью редактирования. Дедлайны подачи (регистрация, проекты, встречи) настраиваются в админке Bitrix — фронтенд автоматически учитывает их и блокирует формы после истечения срока.

Одна из ключевых «механик» — система назначения B2B-встреч между разработчиками и инвесторами/партнёрами. Пользователь выбирает разработчика из каталога, назначает дату и время (в рамках ярмарки). В разделе «Деловое общение» отображаются входящие и исходящие заявки со статусами: принятие, отклонение, редактирование, удаление. Приходят уведомления. Регистрация на мероприятие реализована как на главной, так и в кабинете (ФИО, организация, тип участия). После закрытия регистрации сайт автоматически переключается на видеотрансляцию по флагу из Bitrix.

Bitrix выступает единой бэкенд-системой: управление контентом (тексты, программа, слайдеры, документы), пользователями, статусами, проектами, встречами и веб-формами. Фронтенд на Nuxt 3 обращается к REST API Bitrix. Это позволило не писать админку с нуля и использовать мощные CRM-механизмы. Внедрена reCAPTCHA v3 для защиты форм от ботов, валидация через Vuelidate, модальные окна (Fancybox). Технические cookie используются для сессий и авторизации, сторонние скрипты загружаются асинхронно. Управление сроками (регистрация, подача заявок, встречи) происходит централизованно через Bitrix.