Разработали новый сайт для «Моссвета»

Приветствую! Меня зовут Владислав Банников, я руководитель студии «Банникон». Этот кейс о том, как мы разработали сайт для государственной организации «Моссвет». Расскажу о предпринятых шагах в работе и достигнутых результатах.

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

• Простым в использовании — с интуитивно понятным интерфейсом и быстрой навигацией. 

• Актуальным — с современным, стильным и лаконичным дизайном. 

• Полезным — позволяющим быстро получить всю необходимую информацию о деятельности компании в одном месте.

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

ПОЧЕМУ РЕСУРС НУЖДАЛСЯ В ОБНОВЛЕНИИ

Сайт давно потерял свою актуальность. На это указывал ряд причин, которые замечали и пользователи, и сама компания:

• Медленная загрузка — по современным меркам сайт работал слишком долго.

• Отсутствие функциональности — ограниченные возможности сайта и недостаток функций мешали посетителям получить информацию или услуги.

• Сложная навигация — не было верхнего меню, информационных блоков, а контакты были спрятаны внизу.

• Устаревший дизайн — дизайн сайта был негармоничный, были проблемы в логике размещения элементов.

Всё это делало сайт непрактичным, и люди просто не дожидались загрузки.

НАШИ ЗАДАЧИ

Оценили масштаб проблемы и составили план работ:

• Ускорить загрузку сайта.

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

• Улучшить навигацию.

• Освежить дизайн.

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

Следуя плану, мы полностью обновили сайт и получили:

• Современный дизайн — разработали три концепции, протестировали их на пользователях и собрали в единую концепцию.

• Простую навигацию — добавили верхнее меню, поисковую строку, информативные блоки и слайдеры. Теперь всё нужное — в пару кликов.

• Мгновенную загрузку и адаптивность — сайт работает быстро и корректно на любом устройстве.

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

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

Далее расскажу какие шаги предприняли для достижения поставленных целей.

Изначально проект имел ограниченный бюджет, и это создавало трудности для реализации наших идей. Однако мы приняли решение отказаться от прибыли студии и получить качественный результат. Ресурс был разработан по себестоимости, но он стал ярким примером профессионализма нашей команды. Сайт занимает почётное место в нашем портфолио и отлично показывает, как «Банникон» справляется с задачами даже в непростых условиях.

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

• Привели структуру сайта в порядок.

• Оформили сайт в три стильных цвета из брендбука заказчика.

• Разработали три уникальных дизайна, каждый со своей концепцией.

• Учли пожелания заказчика: клиенту понравились все три варианта, поэтому лучшие элементы были объединены в одном решении.

Готовый дизайн заиграл новыми красками. Всё логично, аккуратно и приятно — сайт создаёт правильное первое впечатление.

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

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

Этот модуль показывает расписание включения и отключения уличного освещения в Москве.

• Можно узнать, сколько работают фонари ночью.

• Видно, когда освещение включено и отключено в прошлые и будущие дни.

• Доступен с любого устройства — можно проверить в любое время.

Теперь информация всегда под рукой.

Найти нужные данные теперь проще простого:

• Вбиваете запрос — получаете мгновенный результат.

Это здорово экономит время: всё, что нужно, — на одной странице.

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

• Жители успевают подготовиться.

• Компания снижает количество недовольств.

Простое, но эффективное решение.

Теперь записаться в «Моссвет» можно без звонков и визитов в офис — достаточно выбрать удобное время онлайн.

• Уведомления приходят на электронную почту.

• Сотрудники видят расписание приёмов в личном кабинете и могут управлять им.

Процесс записи стал проще и для клиентов, и для сотрудников.

Сайт адаптирован под все устройства. Телефон, планшет или ПК — всё работает быстро и выглядит одинаково удобно.

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

• Скорость загрузки выросла, а интерес к сайту увеличился на 125%.

• Навигация стала в 4 раза удобнее — найти нужную информацию проще.

• Дизайн стал лаконичным, но запоминающимся.

• Функции оптимизировали работу сотрудников и сделали пользование сайтом комфортнее.

Мы потратили 400+ часов, создали 4 дизайн-концепции, изучили 50+ сайтов конкурентов.

Итог — удобный, стильный и быстрый сайт, который оставляет приятное впечатление. Теперь сайт «Моссвета» отражает статус компании, жители могут взаимодействовать с организацией онлайн, а мы гордимся своим результатом!