Как мы создавали новостной портал с cибирским колоритом

Когда компания «Сибирский Полис» обратилась к нам с задачей создания новостного портала для региона, мы и не подозревали, что этот проект окажется таким интересным и... таким сложным! Более 15 встреч с клиентом, мозговой штурм с командой, участие омского художника Дмитрия Вирже и работа по ночам, а также исправления багов до первой чашки кофе — и вот, перед вами результат. Расскажем, как это было.

От идеи до реализации: как зеленый стал основой дизайна

Клиент с первых слов дал понять, что проект должен быть особенным. И ключевым требованием была яркая индивидуальность портала. В этом нам помог Дмитрий Вирже — известный омский художник, который не только разработал логотип, но и предложил неожиданную ярко-салатовую цветовую гамму для дизайна. Мы сначала отнеслись к этому цвету с сомнением, но благодаря дизайнерскому таланту нашей команды, зеленый был органично интегрирован в стиль сайта, придав ему запоминающийся вид.

Основные цели проекта были понятны:

1) Удобная структура с рубриками и подрубриками, которые легко менять

2) Акцент на фотоматериалах — ведь клиент хотел, чтобы сайт стал не просто новостным порталом, а настоящим фотожурналом

3) Простота и удобство добавления контента через админку, чтобы даже человек без технических навыков мог легко добавлять фото, видео и подкасты

Заказчик хотел, чтобы пользователи сайта с первой же секунды погружались в визуальный контент. Поэтому мы решили отказаться от стандартного слайдера новостей и сосредоточились на фотожурнале. Также важным моментом стало управление рубриками. Мы использовали стандартный функционал CMS WordPress, добавив свои настройки, чтобы редакторы могли легко редактировать и добавлять рубрики и подрубрики.

Стиль и функциональность: гармония дизайна и удобства

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

Особое внимание уделили шрифтам и фотографиям в блоке «О журнале». Также не забыли про возможность подписки, ведь возвращать пользователей на сайт — одна из приоритетных задач. 

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

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

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

Одна из особенностей проекта — это работа с фотографиями. Они должны были сохранять качество, но при этом не занимать слишком много места на хостинге. Мы добились того, чтобы фотографии выглядели на сайте привлекательно и не «ломали» дизайн.

Анализ конкурентов: лучшие идеи для уникального портала

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

Одной из главных проблем стала сложная админка. Заказчику было трудно привыкнуть к тому, что он сам сможет настраивать блоки, менять галереи и видео, без необходимости лезть в код. Раньше клиент пользовался другими системами, где использовался обычный текстовый редактор, и переход на блочную систему такую, как Gutenberg*, был для него настоящим вызовом. Для решения этой задачи мы написали не только текстовую инструкцию, но и создали видео-гид, который помог бы любому новому члену редакционной команды быстро разобраться с функционалом.

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

Gutenberg – это относительно новый блочный редактор, который во много раз расширяет возможности пользователя при создании страниц сайта и добавлении контента.

Гибкость и простота: преимущества CMS WordPress

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

Клиенту было важно, чтобы то, что он видит в админке, полностью соответствовало тому, что увидит пользователь на странице. Мы проработали этот момент и добавили возможность визуализации прямо в админке.

«8 шагов для создания эффективного новостного портала: Чек-лист для создания сайта СМИ»

1) Написать подробное ТЗ как должен работать сайт.

2) Обсудить и написать отдельное ТЗ на административную панель новостного сайта.

3) Разбить проект на этапы.

4)Обеспечить выделенные доступы для разных редакторов и разграничить их права.

5) Оптимизировать загрузку страниц для повышения скорости работы сайта.

 - Использовать оптимизацию изображений и современные форматы изображений, таких как webp, avif.

- Настроить кэширование.

- Скрипты, которые не нужны при загрузке сайта, подключать после полной загрузки страницы (Скрипты коллтрекеров и подобные)

6) Провести тестирование сайта. Попросить друзей/коллег тоже протестировать.

7) Выложить сайт на хостинг.

8) Получить восторженные отзывы посетителей!

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