Международный дискуссионный клуб «Валдай», основанный в 2004 году, это экспертно-аналитический центр, работа которого ориентирована на формирование глобальной повестки дня, квалифицированную и объективную оценку мировых политических и экономических проблем. Это если официальным языком.
Если коротко — клуб «Валдай» транслирует англоязычной аудитории официальную позицию России.
Каждую осень «Валдай» проводит основную конференцию, в которой участвуют мировые лидеры, выдающиеся политики, экономисты и общественные деятели. По традиции, с участниками конференции встречается Президент России Владимир Путин.
Рис. — главная страница valdaiclub.com
Задача Причин сделать новую версию сайта у клуба «Валдай» было много:
Предыдущая версия работала на устаревшей «самописной» CMS. Было принято решение отказаться от нее в пользу 1C-Битрикс.
Эргономические просчеты и устаревший дизайн не лучшим образом сказывались на имидже клуба.
В 2014 году клуб уходит от формата «рассказ миру о России» к экспертной, квалифицированной оценке мировой политики и экономики. Это требует глобальной переработки структуры сайта.
Более 20 % пользователей valdaiclub.com просматривают сайт с мобильных устройств — адаптивная версия становится необходимостью.
Большое внимание мы уделили изучению аналогов valdaiclub.com. В английском языке их называют Think Tank — мозговой центр. Благодаря этому исследованию и обсуждению нового сайта с сотрудниками клуба «Валдай» мы смогли сформировать список задач:
Реализовать современный адаптивный дизайн;
Особое внимание уделить удобству редактуры — сайт valdaiclub.com близок к СМИ;
Новый сайт должен выдерживать высокие нагрузки, особенно в пиковую неделю ежегодного форума;
Необходимо перенести на новый сайт накопленный за несколько лет контент;
Сайт должен побуждать пользователя распространять контент;
Поиск нужного материала должен происходить быстро и эффективно;
Каждый из пунктов подразумевает серьезный объем работы.
Решение Адаптивный дизайн Сайт valdaiclub.com — далеко не первый адаптивный проект в нашем портфолио. Нас не останавливал ни размер сайта, ни большое количество планируемых эффектов. Но сложности все равно были.
Многие недооценивают трудоемкость разработки адаптивных сайтов. На самом деле, объем работы возрастает значительно:
Каждую страницу необходимо спроектировать для 4 (в нашем случае) основных групп разрешений:
Мобильные телефоны — менее 768 px по ширине;
Планшеты в вертикальном положении — от 768 до 1024 px;
Планшеты в горизонтальном положении и небольшие мониторы — от 1024 до 1280 px;
Широкоформатные мониторы — более 1280 px;
При разработке дизайна необходимо учесть, как сайт будет адаптироваться. В особых случаях, рисуется дизайн страницы для 4 групп разрешений.
Сложность верстки вырастает значительно. Особые затруднения вызывает создание разной логики работы элементов для «пальца» и мышки.
Объем работы при проведении тестирования также увеличивается.
Благодаря богатому опыту в разработке адаптивных сайтов и отличным верстальщикам, все сложности преодолели. Что еще важнее — уложились в сроки.
Качество результата подтвердила статистика. Сравнили показатель отказов, глубину просмотра и время на сайте при заходах с разных типов устройств. Разница минимальная. Это значит, что с мобильных телефонов и планшетов пользоваться сайтом также удобно, как и с помощью ПК.
При создании новой версии valdaiclub.com большое внимание уделили возможностям редактирования:
Перемещение материалов между разделами;
Привязка одной статьи к нескольким темам;
Широкие возможности по выделению главных статей;
Привязка к материалам связанных статей, фотографий и видео;
Добавление произвольных лент материалов на главную страницу;
Также было реализовано разграничение прав доступа, чтобы при редакторы не могли повредить настройки сайта.
Рис. — К статье прикреплены фотогалереи и видео
В пиковую неделю, когда проводится ежегодная конференция Форума «Валдай», с участием первых лиц государства, посещаемость сайта значительно возрастает. Чтобы новый сайт не «упал» в самый ответственный момент, мы подобрали мощный VDS-хостинг и провели его настройку.
Также был реализован композитный режим наиболее нагруженных страниц сайта.
Чтобы у пользователей из разных стран, сайт работал одинаково быстро, использовали Ускорение CDN.
В итоге сайт успешно выдержал все нагрузки.
Рис. — показатели скорости сайта
За 6 лет работы старой версии сайта, было опубликовано более 3000 материалов. Терять такой объем контента было нельзя. Ситуация осложнялась отсутствием доступа к БД сайта и кардинальным изменением структуры.
В ходе импорта, мы сопоставили категории старой и новой версий сайта, очистили контент от лишних тегов и перенесли всю необходимую информацию.
Пользователи должны делиться вашим контентом друг с другом. Для реализации этой идеи, мы использовали следующие инструменты:
Кнопки «Поделиться»;
Tweet this — позволяет твиттнуть заранее заданный редактором текст;
Tweet of the day — твитт дня;
Add to blog — генерирует html-код для вставки в блог;
Send to friend — отправляет статью на email;
Rate this article — пользователи могут оценивать статьи;
Комментарии и лента Твиттера.
Таким образом, созданы все условия для интеграции с социальными сетями.
Рис. — функции Добавить в блог и Отправить статью другу
Помимо стандартного поиска, на сайте реализована фильтрация по типу, категории материала и дате создания — пользователь может быстро отобрать только нужный контент.
Еще одним инструментом, стали темы. Каждый материал на сайте может быть отнесен к одной или нескольким темам и регионам. Таким образом, можно отобрать весь контент, связанный, например, с Геоэкономикой в Европе.
Статистика показывает удобство навигации по сайту — пользователи просматривают большое количество страниц, что для сайта данной тематики является однозначным плюсом.
Рис. — блок фильтрации
Итоги Сайт успешно выдержал все нагрузки, во время основной конференции Форума «Валдай». Заказчик получил качественный ресурс, отвечающий поставленным задачам.
Мы же получили интересный опыт в работе над крупным, ответственным проектом.
P.S. Ждите подробный пост о проекте valdaiclub.com в нашем блоге!
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.