Как мы разработали главный сайт о российской науке, который собрал 5 миллионов посетителей за год

Привет! Это ДАЛЕЕ. В этой статье расскажем, как мы разработали сайт главного информационного хаба о российской науке. Пока работали над проектом, узнали, кто учит роботов этике и можно ли создать мантию-невидимку. Даже всерьез подумывали над карьерой в науке. Все это — благодаря сайту наука.рф

Наши партнеры — АНО «Национальные приоритеты». С 2022 года в России началось Десятилетие науки и технологий, и для поддержки этого проекта нужен был стильный и функциональный канал коммуникации.

Перед Десятилетием и командой «Национальных приоритетов» стоят амбициозные, но вполне конкретные задачи. Вот как команда проекта определяет их:

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

Мы не впервые сталкиваемся с задачей создания универсального портала. Ранее мы делали нечто похожее для Финзачета: там тоже был большой проект с очень широкой аудиторией. Вот один из текстов по теме.

Команде АНО важно было запуститься быстро, поэтому мы решили идти итерациями и сначала запустить MVP. В 2021-м году мы уже создали сайт для Года науки и технологий, так что на его основе мы сделали новый проект. Изменили структуру портала, а парсер-модуль в Битрикс собрал все мероприятия и перенёс их на новый ресурс.

Визуальная концепция портала и его поддоменов выросла из цитаты Александра Суворова: «Ученье — свет, а неученье — тьма». Поэтому в качестве основного цвета использовали светло-голубые оттенки с ярким аквамарином.

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

Для обложек новостей и разделов мы использовали разноцветные иллюстрации и фото, которые разбавляют модные градиенты. Кстати о новостях и журнале — обязательно посмотрите этот раздел. Там публикуются интересные материалы. Вот наш топ из последних:

От предсказания до создания: как и для чего исследуют двумерные материалы

Этика и робототехника: как написать программный код морали для роботов

В поисках идеального: как создаются сверхтвердые материалы для промышленности

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

На первой странице собраны превью основных разделов портала: новости, журнал, проект «Точка науки», инициативы. Отдельный интерактив — календарь памятных событий, связанных с наукой и технологиями. Виджет обновляется каждый день.

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

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

Сайт — это не только информационный портал, но ещё и рабочее пространство для пяти типов пользователей:

Административная панель сайта кастомизирована так, чтобы предоставить всем типам функциональные инструменты. Вместе с коллегами из «Национальных приоритетов» мы разработали систему личных кабинетов, где учли разные запросы и возможности пользователей. Для каждой группы созданы свои вкладки.

Таблицы — один из главных инструментов для региональных менеджеров, кураторов и организаторов, поэтому важно было дать возможность работать с файлами .XLS. Для этого мы сделали 7 парсеров, в которые пользователи загружают таблицы с данными. Они появляются в административной панели сайта, где их можно обновить или удалить.

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

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

Вся коммуникация с пользователями портала идёт через почту: на неё приходят и системные письма, вроде уведомлений о смене пароля, и контентные — о новых выпусках в журнале или ближайших мероприятиях.

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

Кроме основного портала наука.рф мы вместе с «Национальными приоритетами» создали ещё пять поддоменов для проектов-спутников. Они функционируют в рамках Десятилетия, но при этом каждый выполняет собственные задачи.

Для таких ярких проектов обычно нужен талисман: для Десятилетия науки и технологий его создавали и выбирали пользователи портала. На конкурс прислали более 1500 работ, из которых 40 вышли в финал для Общенародного онлайн-голосования.

Мы реализовали голосование с помощью сервиса SMSC. Пользователь получал по SMS индивидуальный, созданный на сайте код, если он подходил, голос засчитывался. Номер телефона при этом сразу заносился в базу, чтобы на него нельзя снова было получить подтверждение — так мы боролись с накрутками.

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

И другие проекты

Навигатор — в разделе хранится актуальная информация от вузов об образовательных программах и направлениях подготовки.

Экскурсии — афиша бесплатных экскурсий по научным и технологическим объектам и расписание лекций российских учёных.

Конгресс — с 28 по 30 ноября в Парк науки и искусства «Сириус» в Сочи прошёл III Конгресс молодых учёных, для которого мы создали отдельный портал.

Получился яркий и запоминающийся сайт, который позволяет больше узнать о российской науке и по-новому на неё взглянуть.

От Далее

Руководитель проекта — Марина Заботина

Менеджер проекта — Михаил Шлыков

Фронт — Артем Мушкет

Бэк — Марк Ким, Адам Умаров, Павел Сидоренко, Дмитрий Сидоренко

Тестирование — Никита Жилин, Владислав Голодников

Дизайн — Николай Селезнев, Максим Григорьев

От АНО «Национальные приоритеты»
Малявина София Андреевна – генеральный директор АНО «Национальные приоритеты»

Шумаков Михаил Юрьевич – заместитель генерального директора АНО «Национальные приоритеты»

Фёдоров Глеб – главный продюсер

Саблина Кристина – руководитель дирекции продюсирования

Ананьев Иван – руководитель проектного офиса Десятилетия науки и технологий в России

Артамонов Евгений – диджитал продюсер дирекции продюсирования

Пархимович Анна - Руководитель WEB группы

Шах Евгений - Руководитель направления WEB группы

Филатов Александр – старший менеджер WEB группы

Белоусов Григорий – шеф-редактор

Иванов Дмитрий – редактор сайта

Казакова Полина – корреспондент

Шиховец Анна – корреспондент

Где нас найти

Наш тг-канал: @daleedigital. Тут бывают новости, полезности для работы, вакансии и другой диджитал-движ.

Сайт: dalee.ru