Разработка портала поставщика коммунальных услуг

Единый сайт для поставщика отопления, воды и электроэнергии

Когда «Теплоэнергия» и «Водоканал» объединились в ОКО, у Нижнего Новгорода появился единый поставщик отопления, воды и электроэнергии. Вместе с ним появилась и задача: превратить два больших сайта в один удобный портал-сервис для всего города.

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

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

// Интерфейс и функционал

Построили интерфейс вокруг повседневных задач жителя

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

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

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

// Корпоративные и социальные разделы

Объединили социальные проекты в понятную систему разделов

ОКО много делает для города: молодёжная политика, программы для студентов, благотворительность, акции для плательщиков. У каждой инициативы свои правила и своя аудитория. Мы собрали всё это множество в единую систему.

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

// Адаптивная версия

ОКО много делает для города: молодёжная политика, программы для студентов, благотворительность, акции для плательщиков. У каждой инициативы свои правила и своя аудитория. Мы собрали всё это множество в единую систему.

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

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

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

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

// Фирменная графика

Разработали фирменную графику и собственный нейрофотостиль

Для сайта мы создали комплект фирменной графики: объёмные иконки и иллюстрации с мягкими градиентами в цветах бренда. Они делают сложные разделы понятнее, а интерфейс теплее.

У компании постоянный поток новостей и постов: награждения, праздники, плановые работы. Каждой публикации нужна обложка, и делать её надо быстро, просто и в стиле компании.

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

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

Два больших сайта объединились в единый портал-сервис с понятной навигацией. Жителям больше не нужно выяснять, где искать тарифы на воду, а где на отопление. Всё собрано в одном месте, а основные вопросы решаются онлайн в пару кликов.

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

Под капотом — 1С-Битрикс с интеграцией биллинга и личного кабинета. Адаптивная вёрстка и быстрая загрузка на смартфонах делают сайт доступным для всех жителей. В итоге компания получила современный и узнаваемый сайт, достойный масштаба городского оператора.