Зеленоград

Гиперлокальное новое медиа Зеленограда с гибкой модульной сеткой главной страницы

Зеленоград
ЗеленоградЗеленоград
Сайты
реализован
с 22.05.2015 по 18.12.2015

Zelenograd.ru

1. Цели и задачи

Цель — адаптировать существующий проект под потребности аудитории, которая сегодня активно пользуется мобильными устройствами. При этом очень важно осуществить переход от текущей версии к новой, не лишив клиентов существующих рекламных возможностей.

Новый адаптивный сайт должен решать следующие задачи:

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

Зеленоград — зелёный город с московской пропиской, отсутствием улиц (только номера домов) и имиджем советской Кремниевой долины. Один из основных научно-производственных центров советской и российской электроники и микроэлектроники.

Zelenograd.ru — городской портал с особым фокусом на новостной ленте, которая соседствует с каталогом организаций, доской вакансий и объявлений.

4. Фронтенд

Модульная структура страниц и расположение блоков по сетке с использованием БЭМ позволило быстро создавать новые страницы на основе уже существующих элементов, постепенно уменьшая время, необходимое для верстки других разделов. При создании множества однотипных блоков, использование БЭМ-шаблонизатора дает больше преимущество.

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

Соглашение по именованию и структурированию БЭМ-сущностей приводит код и всю структуру файловой системы проекта в порядок. Делает ее информативной и понятной. К проекту легко можно подключить еще одного, или несколько специалистов.

Шаблонизатор, позволяющий больше не использовать длинные HTML теги, а вместо этого писать код в удобном, легко читаемом формате bemjson или bemhtml, ускоряет разработку и делает ее еще приятнее.

Основные трудности, с которыми мы столкнулись при интеграции, — это «сюрпризы» при наполнении проекта реальным контентом. Его много, он разношерстный и предугадать все сложности на стадии разработки было невозможно. Поэтому у нас действует гарантийная поддержка после запуска, в рамках которой мы помогали интегрировать проект.

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

Что касается эстетической составляющей сайта в вопросах отображения контента — оцените сами.

Над проектом работали
Провоторов Дмитрий
Менеджер продукта
Сидоров Дмитрий
Арт-директор
Стеганцов Владимир
Дизайнер
Киселёв Дмитрий
Фронтенд разработчик
Корнеев Виталий
Фронтенд разработчик
Коцюба Сергей
Менеджер
TOP20 RUWARDРейтинг разработчиков мобильных приложений
2018
Сегодня в рубрике «Стартапы» — приложение Easybank для контроля расходов. Транзакцию можно добавить в три касания, и приложение автоматически добавит к ней отметку геолокации.
VC.RU про EasybankVC.RU про Easybank
Интерактивное агентство «Мануфактура» бросило вызов другим известным в Воронеже компаниям, занимающимся web-дизайном.
36.ON о VORONEZH DRIBBBLE SHOWDOWN36.ON о VORONEZH DRIBBBLE SHOWDOWN
Одного логотипа для такой задачи недостаточно, но хороший логотип всегда лучше плохого. Этот — хороший. А путь в тысячу ли начинается с первого шага.
Эркен Кагаров в бизнес-линче Студии ЛебедеваЭркен Кагаров в бизнес-линче Студии Лебедева
Предыдущий проект
Сайты
AL5
Сайт завода по производству алюминия для выхода на европейский рынок
Предыдущий проект
Мобильные приложения
Zatch
Разработка Tinder для инди-игр из Google Play