Система «Город»

Клиент

Благодаря сервисам Системы «Город» жители Алтайского края могут быстро и удобно совершать платежи за жилищно-коммунальные услуги, оплачивать школьное питание и детские сады, передавать показания счетчиков и отслеживать задолженность. Сама система за время развития менялась и совершенствовалась — появилось мобильное приложение, новые способы оплаты и масса новых возможностей. 

Настала пора модернизировать и сайт, который успел визуально, структурно и технологически устареть.

Задача

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

• Разработать новый привлекательный дизайн сайта
• Реализовать понятное и быстрое редактирование контента
• Перенести контент (новости и инструкции) со старого сайта

Но обо всем по порядку :)

Решение

Аналитика

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

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

Тексты

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

Дизайн

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

Разным целевым аудиториям нужно продемонстрировать, что Система Город — это в первую очередь упрощение жизни, сервис, который делает скучную рутину каждого обладателя жилья проще и понятнее.

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

Разработка

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