Новая версия сайта valdaiclub.com

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

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

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

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

D6na0Lz3mRAICDsb0cD1ZgzywGp4kbfGfAH0X3JMPVfO_Ja7rJCLEt8O0Eg9z6OIhiLDIw=s2048.png

Рис. — главная страница valdaiclub.com

Задача

Причин сделать новую версию сайта у клуба «Валдай» было много:

  1. Предыдущая версия работала на устаревшей «самописной» CMS. Было принято решение отказаться от нее в пользу 1C-Битрикс.

  2. Эргономические просчеты и устаревший дизайн не лучшим образом сказывались на имидже клуба.

  3. В 2014 году клуб уходит от формата «рассказ миру о России» к экспертной, квалифицированной оценке мировой политики и экономики. Это требует глобальной переработки структуры сайта.

  4. Более 20 % пользователей  valdaiclub.com  просматривают сайт с мобильных устройств — адаптивная версия становится необходимостью.

Большое внимание мы уделили изучению аналогов  valdaiclub.com . В английском языке их называют Think Tank — мозговой центр. Благодаря этому исследованию и обсуждению нового сайта с сотрудниками клуба «Валдай» мы смогли сформировать список задач:

  1. Реализовать современный адаптивный дизайн;

  2. Особое внимание уделить удобству редактуры — сайт valdaiclub.com близок к СМИ;

  3. Новый сайт должен выдерживать высокие нагрузки, особенно в пиковую неделю ежегодного форума;

  4. Необходимо перенести на новый сайт накопленный за несколько лет контент;

  5. Сайт должен побуждать пользователя распространять контент;

  6. Поиск нужного материала должен происходить быстро и эффективно;

Каждый из пунктов подразумевает серьезный объем работы.

Решение

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

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

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

  1. Каждую страницу необходимо спроектировать для 4 (в нашем случае) основных групп разрешений:

    1. Мобильные телефоны — менее 768 px по ширине;

    2. Планшеты в вертикальном положении — от 768 до 1024 px;

    3. Планшеты в горизонтальном положении и небольшие мониторы — от 1024 до 1280 px;

    4. Широкоформатные мониторы — более 1280 px;

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

  3. Сложность верстки вырастает значительно. Особые затруднения вызывает создание разной логики работы элементов для «пальца» и мышки.

  4. Объем работы при проведении тестирования также увеличивается.

Благодаря богатому опыту в разработке адаптивных сайтов и отличным верстальщикам, все сложности преодолели. Что еще важнее — уложились в сроки.

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

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

При создании новой версии valdaiclub.com большое внимание уделили возможностям редактирования:

  1. Перемещение материалов между разделами;

  2. Привязка одной статьи к нескольким темам;

  3. Широкие возможности по выделению главных статей;

  4. Привязка к материалам связанных статей, фотографий и видео;

  5. Добавление произвольных лент материалов на главную страницу;

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

754TYiyii5xOYQBM_Q2eqxC16TX3CKxyyASXke-6f_qZNtsz307puxh8ix1RHvF_UvgxNg=s2048.png

Рис. — К статье прикреплены фотогалереи и видео

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

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

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

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

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

pasted image 0.png

Рис. — показатели скорости сайта

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

За 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. Комментарии и лента Твиттера.

Таким образом, созданы все условия для интеграции с социальными сетями.

pasted image 0ааа.png

Рис. — функции Добавить в блог и Отправить статью другу

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

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

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

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

qVtZsVKjxowVRFCUjiXP2wL-d2lxgcq3aQiLQDVzb5X1rxrN9b9SFM9Ok6d4Jt0OEK9k7g=s2048.png

Рис. — блок фильтрации

Итоги

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

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

P.S. Ждите подробный пост о проекте valdaiclub.com в нашем блоге!
Сайт: valdaiclub.com
Участники проекта:

Комментарии (0)