«Томский Обзор» — интернет-журнал с 15-летней историей. Выделяется качественным авторским контентом — тематическими статьями, лонгридами, спецпроектами, фотоисториями, инфографикой, анимацией, видео и другими сложными информационными форматами, требующими нестандартного визуального оформления, в том числе с возможностью полноэкранного брендирования. Ежемесячная аудитория издания — 140 тыс. читателей.
Главная страница
Внутренние страницы
Подключение вёрстки началось в процессе работы над ее созданием: блоки, которые уже были готовы, подключались в тестовую версию, не дожидаясь остальной части сайта. Такой подход позволил на ранних этапах выявить специфические требования, которые невозможно было предусмотреть заранее, например, неотраженные в дизайне эффекты при наведении курсора мыши на элементы, состав и объём меню, счетчики лайков, кнопка «вверх» и др. Это позволило вовремя внести необходимые доработки.
Одной из самых интересных задач была поддержка нескольких сценариев работы с изображениями в статьях. Так у редакторов появилась возможность использовать:
Все изображения при этом адаптивны.
Все функции сайта доступны с любого устройства.
Смартфоны
320 px
Планшеты
768 px
Ноутбуки
1024 px
Компьютеры
1280 px
Во время работы с «Томским Обзором» наладили удобный для обеих сторон сценарий передачи/приёмки работ: на популярном ресурсе github.com был настроен статичный сайт, на который выгружалось актуальное состояние вёрстки и стилей по мере работы над ними. «Томский Обзор» в любой момент времени видел прогресс выполненных работ и актуальное состояние «статичного сайта», мог внедрять на своем тестовом сайте данную вёрстку и автоматически обновлять на нём подготовленные для боевого сайта файлы CSS стилей и JavaScript сценариев.
Для решения проблемы масштабируемости проекта мы использовали методологию БЭМ компании Яндекс, она позволила интегрировать вёрстку в проект без полной готовности всего сайта. Стало возможным создавать независящие друг от друга элементы сайта, и внедрять каждый такой элемент по мере готовности. С помощью адаптивной вёрстки решили проблему с доступом на сайт с мобильных устройств (планшеты, телефоны). Тем самым, мы помогли увеличить показатели посещаемости и производительности сайта после запуска сайта:
Переданный код хорошо структурирован под контент и дизайн, поэтому подключение верстки на сайт прошло быстро и никаких трудностей в процессе не возникло.
Студия 15 является для нас важным и надежным партнером уже не один год. Для реализации «Томского Обзора» мы нуждались только в услугах фронтенда, поскольку дизайн интернет-журнала был уже готов. Обратившись в студию, мы получили качественный результат в виде адаптивной верстки сайта, а также инициативу и профессионализм со стороны сотрудников в решении нетривиальных задач для реализации новой версии «Томского Обзора».
Frontend-аутсорсинг для интернет-журнала.
Выбор поставщика
Ранее склиентом мы выполнили несколько совместных работ: проект «С.В.И.П.Е.Р.» по профилактике ВИЧ/СПИД, интернет-издание о Словакии «The Slovakia Times», проект для коммуникационного агентства «Zeppelin Media» и др. Понимание клиентских задач и потребностей, адекватная стоимость услуг сделали наши отношения длительными и продуктивными, благодаря этому клиент обратился к нам снова, теперь за услугой фронтенд-аутсорсинга