• Медиа

Яндекс Ecom Open Air

Рассказываем, как сделали яркое, живое и нестандартное медиа для Яндекса

Яндекс Ecom Open Air

Цель

Нам нужно было создать интерфейс digital-газеты

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

Задачи

Разработку мы вели по крутому дизайну от Bauns Agency

Нашей задачей было сделать сайт быстрым и лёгким, чтобы при беглом просмотре статей и видео с главной страницы, ничего не лагало и быстро грузилось.

  1. Сверстать интерфейсы уникально стилизованных статьей на основе материалов от экспертов из ВкусВилла, Lamoda, Eburet и UsabilityLab, собранных командой Яндекс Рекламы и редакторами Bauns;
  2. Реализовать на сайте интерактивные блоки в формате видео-кружков с ответами на вопросы;
  3. Добавить функционал «Избранного», чтобы пользователи могли откладывать статьи на будущее;
  4. Интегрировать сайт на ModX, для комфортного управления контентом и возможности создавать новые статьи без участия разработчиков.

Процесс

Разработка и интеграция на CMS

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

Сетка сайта нестандартная и реализована динамическая подгрузка карточек с материалами

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

yandex-festival-dragonfly.gif

Один из интересных форматов —видео-кружочки

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

yandex-festival-video-circles.webp

Кроме видео-кружочков пользователи могут прочитать кейсы компаний за короткое время

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

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

yandex-festival-favorites.webp

Результат

В результате совместного труда с командой Bauns и Яндекс Рекламы

У нас получилось яркое, живое, нестандартное медиа, насыщенное различными удобными решениями и полезными материалами.

yandex-festival-result.webp

Отзыв Лизы — CEO Лиги А.

Проект прилетел к нам стремительно быстро и реализовали мы его в не менее бодром темпе. Круто, что с ребятами из Bauns мы работали как единая команда и помогали друг другу на каждом шаг

Елизавета ФелюгинаЕлизавета ФелюгинаСЕО x Лига A.
Отзыв Алисы — кофаундера студии Bauns

Наше агентство продуктивно сотрудничает с командой Лиги А. уже более года, доверяя самую сложную разработку. Каждый проект выполняется в срок и с большим желанием сделать ещё лучше, чем было запланировано. Внимание к деталям и готовность оперативно подключиться к работе — особенные черты, которые мы так ценим в Лиге А. Мы часто приходим со сложными задачами, но всегда уходим от наших партнёров с идеями и решениями, зная, что каждый участник команды действительно вложился в процесс. От души благодарим коллег и желаем нам ещё больше совместных проектов.

АлисаАлисаКофаундер x Bauns

Стек технологий

  • ModX

Команда

Разработка
  • Frontend-разработчик2
  • Back-end разработчик
  • Team Lead
Тестирование
  • QA-специалист