Разработка сайта международного форума Valdai

Сайты

Международный форум «Валдай»

Международный форум «Валдай», в формате дискуссионного клуба, основанный в 2004 году. Это экспертно-аналитический центр, работа которого ориентирована на формирование глобальной повестки дня, квалифицированную и объективную оценку мировых политических и экономических проблем. Это если официальным языком.

Если коротко — клуб «Валдай» транслирует англоязычной аудитории официальную позицию России.

Каждую осень «Валдай» проводит основную конференцию, в которой участвуют мировые лидеры, выдающиеся политики, экономисты и общественные деятели. По традиции, с участниками конференции встречается Президент России Владимир Путин. Главная страница Рис. — главная страница valdaiclub.com

Задача

Причин для разработки новой версии сайта международного форума «Валдай» было много:
  1. Предыдущая версия работала на устаревшей «самописной» CMS. Было принято решение разработать новый сайт на 1C-Битрикс;
  2. Эргономические просчеты и устаревший дизайн не лучшим образом сказывались на имидже клуба;
  3. В 2014 году клуб уходит от формата «рассказ миру о России» к экспертной, квалифицированной оценке мировой политики и экономики. Это требует глобальной переработки структуры ресурса;
  4. Более 20% пользователей valdaiclub.com просматривают его с мобильных устройств — адаптивная версия становится необходимостью.
Большое внимание мы уделили изучению аналогов valdaiclub. В английском языке их называют Think Tank — мозговой центр. Благодаря этому исследованию и обсуждению нового сайта с сотрудниками форума «Валдай» мы смогли сформировать список задач:
  1. Реализовать современный адаптивный дизайн;
  2. Особое внимание уделить удобству редактуры — формат valdaiclub.com близок к СМИ;
  3. Новый международный сайт должен выдерживать высокие нагрузки, особенно в пиковую неделю ежегодного форума;
  4. Необходимо перенести без потерь накопленный за несколько лет контент после форумов;
  5. Сайт должен побуждать пользователя распространять контент;
  6. Поиск нужного материала должен происходить быстро и эффективно.
Каждый из пунктов подразумевает серьезный объем работы.

Решение

Что мы сделали:

Адаптивный дизайн

Сайт valdaiclub.com — далеко не первый адаптивный проект в нашем портфолио. Нас не останавливал ни размер сайта международного форума, ни большое количество планируемых эффектов. Но сложности все равно были.

Многие недооценивают трудоемкость разработки адаптивных ресурсов. На самом деле, объем работы возрастает значительно:
  • Каждую страницу необходимо спроектировать для 4 (в нашем случае) основных групп разрешений:
  1. Мобильные телефоны — менее 768 px по ширине;
  2. Планшеты в вертикальном положении — от 768 до 1024 px;
  3. Планшеты в горизонтальном положении и небольшие мониторы — от 1024 до 1280 px;
  4. Широкоформатные мониторы — более 1280 px;
  • При разработке дизайна сайт необходимо учесть, как он будет адаптироваться. В особых случаях, рисуется дизайн страницы для 4 групп разрешений.
  • Сложность верстки вырастает значительно. Особые затруднения вызывает создание разной логики работы элементов для «пальца» и мышки.
  • Объем работы при проведении тестирования также увеличивается.
Благодаря богатому опыту в разработке адаптивных порталов и отличным верстальщикам, все сложности преодолели. Что еще важнее — уложились в сроки.

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

Управление контентом

При создании новой версии форума valdaiclub.com большое внимание уделили возможностям редактирования:
  1. Перемещение материалов между разделами;
  2. Привязка одной статьи к нескольким темам;
  3. Широкие возможности по выделению главных статей;
  4. Привязка к материалам связанных статей, фотографий и видео;
  5. Добавление произвольных лент материалов на главную страницу;
Также было реализовано разграничение прав доступа, чтобы при редакторы не могли повредить настройки. Фото и видео галерея Рис. — К статье прикреплены фотогалереи и видео

Высокие нагрузки

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

Также был реализован композитный режим наиболее нагруженных страниц.

Чтобы у пользователей из разных стран, сайт работал одинаково быстро, использовали Ускорение CDN.

В итоге сайт успешно выдержал все нагрузки. Скорость загрузки Рис. — показатели скорости

Импорт контента

За 6 лет работы старой версии сайта международного форума, было опубликовано более 3000 материалов. Терять такой объем контента при разработке было нельзя. Ситуация осложнялась отсутствием доступа к БД и кардинальным изменением структуры.

В ходе импорта, мы сопоставили категории старой и новой версий платформы, очистили контент от лишних тегов и перенесли всю необходимую информацию.

Социальные функции

Пользователи должны делиться вашим контентом друг с другом. Для реализации этой идеи, мы использовали следующие инструменты:
  1. Кнопки «Поделиться»;
  2. Tweet this — позволяет твиттнуть заранее заданный редактором текст;
  3. Tweet of the day — твитт дня;
  4. Add to blog — генерирует html-код для вставки в блог;
  5. Send to friend — отправляет статью на email;
  6. Rate this article — пользователи могут оценивать статьи;
  7. Комментарии и лента Твиттера.
Таким образом, созданы все условия для интеграции с социальными сетями. Добавить и поделиться Рис. — функции Добавить в блог и Отправить статью другу.

Поиск и фильтрация

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

Еще одним инструментом, стали темы. Каждый материал на сайте может быть отнесен к одной или нескольким темам и регионам. Таким образом, можно отобрать весь контент, связанный, например, с Геоэкономикой в Европе.

Статистика показывает удобство навигации по сайту — пользователи просматривают большое количество страниц, что для данной тематики является однозначным плюсом. Умный фильтр Рис. — блок фильтрации

Итоги

Сайт международного форума успешно выдержал все нагрузки, во время основной конференции Форума «Валдай». Заказчику разработали качественный ресурс, отвечающий поставленным задачам.

Мы же получили интересный опыт в работе над крупным, ответственным проектом.

P.S. Ждите подробный пост о проекте valdaiclub.com в нашем блоге!
Результат
Над проектом работали

Статьи по теме

Как b2b-платформа передает в 1С данные по новым контрагентам В этой статье мы расскажем, что происходит после того, как клиент зарегистрировал в б2б-кабинете новое юридическое лицо и сделал заказ, а также покажем, как...
Автоматизация и оптимизация бизнес-процессов — лонгрид, чтобы не запутаться Статья будет полезна всем, кто хочет улучшить эффективность своего бизнеса или узнать больше о возможностях автоматизации бизнес-процессов для повышения ко...
График и согласование отпусков в Битрикс24: быстро, удобно, без ExcelДелимся особенностями внедрения элементов КЭДО в крупной компании: создаем график отпусков прямо в Б24! Без автоматизации на это уходило не меньше недели, сейча...
10 обязательных задач поддержки сайта на БитриксСтатья посвящена организации поддержки сайтов на Битрикс. Здесь не только про решение технических проблем и устранение багов. Здесь про развитие живых проектов...
B2B-SaaS или B2B-система (платформа+CRM) на вашем сервере: плюс и минусы, что выбрать? Введение Эта статья для коммерческих директоров, руководителей отделов продаж производственных и оптово-торговых компаний, которые ищут инструменты для ро...
Обзор международных исследований о тенденциях развития B2B-сегмента Важность темы — рост B2B-продаж в онлайне В современном бизнесе наблюдается стремительный переход в online оптовых продаж. Это стало одной из ключевых тен...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.