Главный информационный ресурс Удмуртии — IZHLIFE.RU

izhlife.ru
Фон город

Изображение главной страницы сайта Izhlife.ru

Главная страница Izhlife.ru

Задача

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

Внутренние страницы Izhlife.ru

О работе с клиентом

Клиент пришёл с чётким пониманием, как он планирует формировать новостную ленту визуально и показал блоки (слоты), посредством которых будут формироваться главная страница и ключевые разделы сайта

Папка с файлами

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

Пример редактирования страницыСкриншот кнопок редактированияПример редактирования раскладки страницы
Пример первого слота
Пример второго слота
Пример третьего слота
Пример четвертого слота

Подход

1. В рамках разработки технического задания мы сформировали все взаимосвязи информационных блоков сайта

фото доски с планом развития

3. Выгрузки на агрегаторы новостей:

Лого Яндекс ДзенЛого Яндекс НовостиЛого Гугл НовостиЛого Турбо-страницы
Лого Яндекс ДзенЛого Яндекс НовостиЛого Гугл НовостиЛого Турбо-страницы

4. Отдельно созданы фиды для изображений и видео

Фиды для изображений и видео
Ноутбук

Перенос более 90 000 материалов
с сохранением оригинальных URL

6. Разработан инструмент для интерактивного опроса пользователей — Квиз-тесты

Квиз-тесты картинка 1
Квиз-тесты картинка 2

AMP-версия

Квиз-тесты картинка 1

Многолетний опыт создания и развития проектов для СМИ позволил накопить значительный объем знаний по упрощению управления контентом

Простые инструменты по созданию врезок:

Инструменты по созданию врезок картинка-1-1
Инструменты по созданию врезок картинка-1-2
Инструменты по созданию врезок картинка-2
Инструменты по созданию врезок картинка-3
UI

Блок об улучшении производительности

Проведена большая работа по оптимизации загрузки контента, кэшированию, серверной инфраструктуре. Результатом которого стали показатели Google PageSpeed Insight

Картинка с сайтом на смартфонах

Cпасибо за просмотр!