Редизайн проектов кемеровского городского портала

Проект

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

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

Задача

Спроектировать и создать дизайн ключевых проектов А42, придать им стилистическое и навигационное единообразие.

Решение

Приступая к работе, мы отталкивались от важного условия: аудитория А42 пользуется сайтами и сервисами уже привычным ей способом. Поэтому мы решили не нарушать экосистему портала, а органично сфокусировать пользователей на более тщательном потреблении контента.

Главная страница А42

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

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

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

Для улучшения сквозной навигации между сайтами мы создали «шапку», в которой разместили меню регистрации и ссылки на популярные проекты портала. Кроме того, «шапка» задаёт общий визуальный стиль А42.

Раньше пользователям приходилось отдельно регистрироваться на форумах и в комментариях каждого из проектов А42. Мы продумали и нарисовали форму общей регистрации на портале.

Далее мы приступили к работе над ключевыми проектами А42, каждый из которых ставил перед нами особенные задачи.

«Работа»

Мы провели обширный анализ особенностей работы job-сайтов, основываясь на котором спроектировали более пятидесяти макетов страниц сервиса и создали приятный визуальный стиль.

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

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

Заказчик планирует ввести на сайте рубрику «Один день в компании» — формат платных статей и интервью, где работодатель сможет рассказать о себе. Мы предложили оформление этого блока.

«Афиша»

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

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

В зависимости от тематики блоки, колонки, внутренние страницы и элементы их оформления мы маркировали разными цветами. Такое «кодирование» позволяет пользователям легко ориентироваться в контенте «Афиши».

Также мы реализовали альтернативную систему поиска для тех, кто не хочет искать интересные ему мероприятия и места самостоятельно. Посетитель комбинирует нужный запрос через фразовое меню, ориентируясь по заранее прописанным вариантам в духе «Я c детьми», «Завтра», «Сходить на выставку», а сайт предлагает подходящую подборку.

Для проекта мы создали дизайн мобильной версии, удобной для тех, кто привык решать «куда пойти?» уже в пути.

«Птица» и «Капитал»

Женский журнал «Птица» и бизнес-журнал «Капитал» из-за особенностей тематики популярны у аудитории. Заказчик захотел, чтобы пользователи и дальше продолжали активно читать эти проекты, причем в любое время и в любом месте. Мы разработали мобильные версии журналов, сохранив тот же привычный дизайн, что и у десктопных, и сделали упор на упрощении навигации и на подаче контента. Десктопные сайты оставили без изменений, так как их клиент обновил сравнительно недавно.

«Газета Кемерова»

Это самое читаемое региональное СМИ и главный канал привлечения аудитории на другие проекты клиента. Мы сосредоточились на том, чтобы увеличить глубину просмотра «Газеты».

Мы улучшили визуальный стиль и навигацию сайта. За счет нового оформления пользователю стало легче находить интересные публикации на главной странице: к примеру, по прикрепленному к новости изображению теперь ясно, о чем она. Чтобы привлечь читателей «Газеты» на другие проекты А42, предложили анонсировать их материалы в отдельном блоке, видимом на большинстве страниц.

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

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

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

Для проекта сделали мобильную версию.

На этапе проектирования и создания макетов наше участие в обновлении А42 закончилось. Дальнейшей технической реализацией сайта заказчик занялся самостоятельно.

Команда

Аккаунт-менеджеры
Карелия Галкина
и Анна Николаева
Продюсер
Юля Папанова
Арт-директор
Наташа Борисова
Проектировщики
Светлана Герлейн,
Юля Папанова
и Александр Дресвянников
Дизайнеры
Наташа Борисова,
Юлия Сёмина
и Александр Дресвянников
Веб-технологи
Валентина Стративнова
и Антон Карманов
Тестировщик
Арсений Васильев