Российские железные дороги
Разработка и развитие сайта «БАМ-50»
БАМ-50
2024Клиент
Описание проекта
«БАМ-50» — юбилейный документальный портал о наследии и истории Байкало-Амурской магистрали. На портале собраны архивные статьи и фотографии, а также биографии строителей БАМа, которые загружают сами пользователи.
«БАМ-50» — исторический проект, его интерфейс отражает атмосферу того времени и создает эффект погружения и сторителлинга. Сайт должен вдохновить БАМовцев, их друзей и потомков поделиться своими воспоминаниями.
8 июля 2024 года
Дата пятидесятилетия Байкало-Амурской магистрали, к которой приурочен проект
Задача
Разработать сайт проекта «БАМ-50» и интегрировать VK Cloud Vision для создания архива БАМа
- Проектирование
- UX/UI-дизайн
- Фронтенд- и бэкенд-разработка
- Тестирование
- Аналитика
- Интеграции
- Развитие
Реализация
Первый этап — запуск MVP
Поскольку «БАМ-50» — сложный и масштабный проект, мы разбили его разработку на этапы. Сначала была выпущена базовая версия сайта с описанием проекта, новостями и формой, через которую можно загрузить биографию БАМовца.
Дизайн-концепция вдохновлена работами советского графика Александра Родченко. В дуэте с ретро-фотографиями людей она создает ощущение старой газеты или душевного фотоальбома времен начала БАМа. Пользователь погружается в контекст уже в первого экрана. Авангардный шрифт Pilotka и видео подсказывают, что проект документальный и посвящен временам СССР.
Второй этап — добавление
сторилендингов
и интеграция с VK Mini Apps
«БАМ-50» — проект, в котором контент генерируют сами пользователи. Однако для этого нужно их мотивировать, показать, что биографии БАМовцев важны и интересны.
Эту задачу решает раздел «Дневника БАМа» из 10 сторилендингов с мемуарами. У каждой страницы неповторимые интерактивы и композиция. Верстка каждого такого лендинга с нуля могла бы занять до нескольких недель, поэтому чтобы сэкономить время, мы написали кастомный редактор. С ним на верстку одной страницы уходил один день.
Интеграция с VK Mini Apps
Поделиться личной историей можно не только на сайте, но и в соцсетях через VK Mini Apps. Мы разработали один API, с которым обмениваются данными и сайт, и приложения. Это удобно для модерации историй — они приходят в общую админпанель, где редакторы просматривают их, правят и публикуют.
Техническая сторона
Фронтенд «БАМ-50» разработан по методу Single Page Application. За счет динамической смены наполнения страниц не нужно долго ждать загрузки каждой. Для сайта мы выбрали «пакетную» панель от Easy Admin, а для интерактивного «Дневника БАМа» написали кастомный редактор.
Третий этап — создание архива, фотоальбома и интеграция с VK CLOUD VISION
VK Cloud Vision — технология компьютерного зрения, которая используются для распознавания лиц и их классификации по возрасту, полу и эмоциональному состоянию.
В «БАМ-50» компьютерное зрение используется, чтобы искать людей по фото и находить совпадения. Например, можно загрузить групповое фото и найти старых знакомых.
100мс
Скорость
распознавания лиц
99,8%
Точность
распознавания лиц
Пользователь загружает фото > Программа автоматически делает из фото портрет > Vision присваивает фото PersonID и связывает его с анкетой
Для интеграции с VK Cloud Vision мы написали API, которое объединяет снимки из разделов «Фотоальбом» и «Архив»
Четвертый этап — развитие проекта
Разработка раздела «БАМ сегодня». Запрограммирован раздел, который посвящен Байкало-Амурской магистрали в наши дни. Реализована интерактивная карта городов БАМа и блок с новостями.
Разработка раздела «Новости». Реализован раздел с новостями и анонсами мероприятий о БАМе. Разводящая страница создана по принципу газетной верстки: пользователь видит карточки с публикациями, которые можно открыть и прочитать полностью.
Редизайн главной страницы
После запуска новых разделов проведен редизайн главной страницы. Переработана ее структура: теперь главная страница состоит из блоков с краткой информацией по каждому разделу.
О концепции
Авторы идеи — da-team. Контентное наполнение при участии историков и журналистов — «Проект жизнь»
Команды изучили литературу и архивные источники, провели фактчекинг.
Проект в цифрах
305 000+
Уникальных
пользователей
2 700+
Опубликованных
биографий «БАМовцев»
Обсудить
проект
проект
