Разработка сайта конференции по искусственному интеллекту AI Journey

Заказчик

Сбер — крупнейший российский финансовый конгломерат с инфинит-развитием в нескольких технологических отраслях.

Задача

Запустить удобный и доступный сайт AI Journey 2024 для участников онлайн- и офлайн-формата.

Контекст:

Сбер ежегодно проводит Международную конференцию по искусственному интеллекту и машинному обучению – AI Journey. Это мероприятие посвящено искусственному интеллекту (ИИ) и его применению в различных областях.

Конференция 2024 года должна была пройти в гибридном формате – с интерактивной программой и трансляцией.

Решение:

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

Работа над проектом:

Мы провели большое UX-исследование прошлогоднего сайта AI Journey, выявили положительные сценарии и использовали в новом проекте. А также создали дизайн-концепцию в стилистике мероприятия и фирменного стиля Сбера. 

UX-анализ:

На основе UX-исследования были определены направления работ:

1. Использовать одинаковую концепцию нейминга в меню и заголовках страниц;
2. Закрепить меню в верхней части страницы, чтобы оно всегда отображалось при скролле;
3. Добавить больше информации об образовательных треках и конференции.

Дизайн-концепция:

Визуал сайта подчеркивает принадлежность AI Journey к высокотехнологичным продуктам. Для этого мы выбрали тёмную палитру для интерфейса, которая ассоциируется с темой искусственного интеллекта. Со Сбером ассоциируется цветовая гамма – градиенты фиолетового и бирюзового.

Визуалы:

Отражают тему конференции. Созданы с передовыми нейросетевыми инструментами – Stable Diffusion 3 и Flux.

UX-UI дизайн:

Интерфейс максимально лаконичен и прост. Крупные шрифты, минимум элементов, баланс пространства – снижают когнитивную нагрузку и позволяют без труда воспринимать информацию на сайте. Прогресс конференции отражался на сайте. Если лекционный блок еще шел, в расписании он выделялся цветом, а по окончании – серым.

UI-kit:

Был разработан UI-кит для AI Journey, чтобы поддерживать дизайн сайта в будущем. В нем собраны палитры цветов, стили типографики, компоненты кнопок и плашек, навигационные элементы, фоны и градиенты.

Трансляция:

Пользователям были доступны лайв-трансляции и архив, который пополнялся через 5 минут после выступления.

Цифровая доступность:

Для того, чтобы сайт был доступен при особенностях восприятия, мы применили UI-компоненты библиотеки Radix-UI и рекомендации a11y (специальная разметка внутри html и озвучка невидимых элементов).

Результаты: 

• 1,2 млн уникальных пользователей за 3 дня конференции
• Доступ к материалам сайта интуитивно понятен
• Клиент получил подробный UI-кит для разработки новых проектов для AI Journey