Городской портал Зеленоград.ру

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

Задача

Хотя это неофициальный сайт города, он популярнее своих аналогов — в том числе и государственного ресурса. Правда, предыдущая версия была создана шесть лет назад и с тех пор успела устареть — как в плане внешнего вида, так и по общей структуре сайта. Кроме того, необходимо было расширить функциональность ресурса — например, добавить привязку к картам и пользовательские сервисы вроде системы подписок. Создатели Зеленоград.ру обратились к нам за проектированием и дизайном новой версии портала, более современной и удобной в использовании.

Необходимо было детально проработать структуру, ключевые страницы новой версии проекта и его обновленный дизайн. Перед сайтом стояли следующие задачи:

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

Кроме того, необходимо было позаботиться о следующих качествах:

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

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

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

Не менее важной была проработка страниц справочника. Он содержит 6 ключевых разделов — каталог компаний и организаций, карту города, биржи труда и недвижимости, каталоги услуг и объявлений. Для каждого из них была построена своя категоризация страниц, проработаны возможности для пополнения справочника пользователями, предоставлена вспомогательная и справочная информация. При этом большинство объектов теперь связаны с картой Зеленограда. Все это позволило сделать справочник удобным для поиска и интерактивным.

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

Все это было отражено в пакете структурных схем страниц (wireframes) и дизайн-макетов, которые стали основным результатом работ. А также сопутствующих документах, описывающих задачи и структуру интерфейса.

В результате

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