Кейс: разработка сайтов для оператора распределения электроэнергии
Клиент:
![client-logo](/media/case/block-ci-logo-1806-155.png)
-
Что сделано:
- 5 сайтов
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 1 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 1](/media/case/block-ci-background-1806-1920.png)
Клиент
«DTEK сети» — лидер по распределению электроэнергии и эксплуатации электросетей в Украине. На момент обращения 5 сайтов предприятий «DTEK сети» не имели единой структуры, стиля и визуализации, не отвечали тенденциям рынка.
ЗАДАЧА
Реализовать сайты для замены существующих, в основе которых будет online информирование и самообслуживание клиентов. Использовать в обновленных версиях сайта технологии, позволяющие позиционировать компанию как технологически развитую.
ПРЕДВАРИТЕЛЬНЫЙ АНАЛИЗ
Так как потребители компании разной возрастной категории, статуса и региона, необходимо разработать универсальные сайты. Важно, чтобы логическая структура сайтов продолжала пребывание на нем и облегчила самообслуживание.
Исследование жизненного цикла взаимодействия клиента с веб-сайтом. Составление структуры сайта
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 2 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 2](/media/case/block-lp-image-1812-1865.png)
- Проанализировав поведение пользователей, разработали следующие сервисы самообслуживания:
- • передача показаний счетчика;
- • быстрый доступ к информации, связанной с отсутствием электроэнергии;
- • online-запись в центры обслуживания клиентов;
- • удобный и эффективный поиск по сайту.
- Анализируя внушительный массив информации, мы поняли, что сайт будет включать большое количество страниц, поэтому предложили клиенту несколько вариантов. Для компаний столь высокого уровня, как «DTEK сети», каждая страница и ее месторасположение играли важную роль. В утверждении участвовали представители разных отделов, топ-менеджеры. Сайт имеет удобную навигацию – логическую структуру страниц по правилу 3‑х кликов при поиске информации, «хлебные крошки», кликабельные кнопки.
Обновление дизайна
До
![До](/media/case/block-bac-before-1814-1865.png)
После
![После](/media/case/block-bac-after-1814-1865.png)
Главный экран и навигация
- При разработке дизайна мы руководствовались следующими принципами:
- • соответствие брендбуку компании;
- • интуитивность, четкость, легкость, воздушность дизайна;
- • ничего лишнего и раздражающего;
- • удобный и простой интерфейс;
- • вначале – самое востребованное и важное;
- • очень легкая подача всей информации, все объясняется просто и доступно для каждого.
Мобильная адаптация
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 3 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 3](/media/case/block-lp-image-1820-1865.png)
- На момент обращения текущая статистика пользователей показывала равное соотношение просмотров старого сайта с компьютера и телефона. На сегодня в мире прослеживается глобальная тенденция к увеличению интернет-трафика с мобильных устройств. После изучения различных ситуаций необходимости использования сайтов (передача показаний счетчика, доступ к информации, связанной с отсутствием электроэнергии) мы уделили особое внимание проектированию пользовательского опыта для мобильных устройств.
UI-кит
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 4 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 4](/media/case/block-lp-image-1823-1865.png)
- UI-кит (user interface kit) – это документ, в котором описывается весь набор элементов пользовательского интерфейса. Он разработан для унификации дизайна и структуры сайтов пяти предприятий "DTEK сети":
- https://dtek-kem.com.ua
- https://www.dtek-dnem.com.ua
- https://www.dtek-dem.com.ua
- http://dtek-vvm.com.ua
- http://dtek-pem.com.ua
Разработка инфографики для детей
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 5 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 5](/media/case/block-lp-image-1826-1865.png)
- Одними из основных принципов деятельности компании «DTEK сети» является ответственность и безопасность. Иллюстраторами Rubarb была разработана серия образовательной инфографики на тему безопасной электроэнергии в быту, на производстве и для детей. Иллюстрации — это один из самых эффективных способов подачи сложной информации, поэтому мы максимально наглядно визуализировали правила, знания которых может спасти жизнь и здоровье детей и взрослых.
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 6 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 6](/media/case/block-lp-image-1828-1865.png)
Административная панель управления сайтом
- При разработке сервисной и функциональной частей мы пришли к выводу, что готовые решения абсолютно не подходят для реализации задачи. Поэтому сайты «DTEK сети» – это уникальный продукт Rubarb.
- Расширенный функционал админ панели имеет ряд преимуществ:
- 1. Индивидуально разработанная панель управления предоставляет широкий спектр возможностей для контент-менеджера. Специалист может править страницы и создавать новые. Отдельно вынесено «Меню» – эта функция позволяет менять структуру сайта;
- 2. Возможность работать в админ панели по ролям (редактор, hr-менеджер, технический администратор и др.);
- 3. Разработан блок статистики, на основе которого формируется отчетность.
Серверная часть
Чтобы сайты выдерживали большие нагрузки и полноценно функционировали, была организована сложная серверная архитектура. Благодаря этому все 5 сайтов работают на едином «движке», гарантируют клиенту высокий уровень надежности и безопасности.
![Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - 7 Кейс: разработка сайтов для оператора распределения электроэнергии — Rubarb - Изображение - 7](/media/case/block-tr-bg-1833-1865.png)
РЕЗУЛЬТАТЫ ПО ПРОЕКТУ
Увеличение клиентов, которые самообслуживаются через сайт
Снижение обращений клиентов в Контакт-Центры
Имиджевый эффект, позволяющий позиционировать компанию как технологически развитую
Мы продолжаем модернизировать сайты «DTEK сети», добавляем новые функции
Добавить комментарий
Обязательные поля помечены *