Вот это новости

Задача:

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

Процесс работы

Мы провели полный цикл разработки, обеспечив высокое качество каждого этапа проекта.

1. Аналитика и проектирование

• Провели интервью с редакторами для выявления потребностей и формирования требований.

• Разработали информационную архитектуру и интерфейсы в Figma с применением принципа Mobile First. Это позволяет сайту правильно отображаться на любых устройствах, что особенно важно для удержания мобильной аудитории, составляющей более 70% трафика новостных ресурсов.

2. Frontend-разработка

• Применяли TypeScript для повышения надежности и поддержки кода.

• Использовали SCSS и методологию BEM для создания модульных и легко изменяемых стилей.

• Интегрировали верстку с помощью шаблонизатора Twig.

3. Backend-разработка

• Реализовали проект на платформе CMS «1C-Битрикс».

• Создали кастомные компоненты с чётким разделением бизнес-логики и представлений.

• Настроили интеграцию с внешними сервисами.

• Реализовали RSS для агрегаторов. Автоматизированная публикация контента в агрегаторы (например, Яндекс.Новости) привлекла дополнительный целевой трафик и повысила узнаваемость бренда.

4. Контроль качества и управление

• Организовали постановку задач и контроль ошибок в Bitrix24.

• Провели комплексное тестирование: функциональное, кросс-браузерное, нагрузочное.

5. Запуск и инфраструктура

• Настроили процессы CI/CD для автоматического развёртывания обновлений.

• Обеспечили мониторинг работы сайта и регулярное создание резервных копий.

• Провели обучение сотрудников редакции новым инструментам системы.

• Настроили Яндекс.Вебмастер и Google Search Console, чем обеспечили прозрачность индексации сайта и своевременное устранение технических проблем, отрицательно влияющих на ранжирование.

• Обеспечили высокую скорость загрузки страницы и высокие оценки в PageSpeed Insights, что влияет на поведенческие факторы (уменьшение отказов, повышение глубины просмотров) и улучшает позиции ресурса в поисковиках.

• Задали все необходимые SEO-настройки — правильную разметку метаданных, микроразметку и наличие карты сайта, что  обеспечивает стабильный рост органического трафика.

Результаты и влияние на бизнес

Каждая задача была направлена на конкретные цели клиента:

Удобство для сотрудников

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

Архитектура и код

• Чистая архитектура с разделением логики и шаблонов.

• Кастомные компоненты и обработчики событий.

• Тяжёлые вычисления перенесены в фоновые задания и очереди.

Производительность и масштабируемость

• Многоуровневая система кэширования: управляемый кэш Битрикс с использованием memcached, оптимальная логика сброса кэша («cache stampede protection»).

• Композитный режим снижает нагрузку на сервер и ускоряет обработку запросов в периоды пика посещаемости.

Фоновые процессы и регламентированные задачи

• Агентские задачи переведены на Cron: выполнение массовых операций, переиндексаций, генерации RSS и отчётов осуществляется автономно, без перегрузки публичной части сайта.

Поиск и интеграция

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

• Экспорт данных: автоматический экспорт в форматы CSV и RSS для партнёров и агрегаторов с проверкой валидности структуры данных.

Безопасность и надёжность

• Ролевая модель доступа ограничивает права сотрудников согласно их обязанностям.

• Логирование важных изменений помогает контролировать изменения в системе.

• Регулярные обновления: систематическое обновление ядра и модулей для устранения уязвимостей

Итоговый эффект

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