Проектирование, дизайн, верстка, WordPress и наполнение.
Кейс ALAB
Новый корпоративный сайт АО «ПРО ТКО»
После ребрендинга спроектировали и запустили сайт в новом фирменном стиле: пересобрали структуру, реализовали пользовательские маршруты и подготовили материалы к запуску.
Договоры, обращения, расчёты, документы, личные кабинеты и экологические проекты.
Обновляли контент и дорабатывали функциональность сайта.
Задача проекта
Перевести новый фирменный стиль в работающий цифровой продукт
После смены названия и фирменного стиля компании требовался новый сайт, который представляет обновленный бренд и помогает жителям и организациям решать практические вопросы онлайн.
БирюзовыйГрафитовыйСветло-голубойБелый
01 · Новый образ
Перенести фирменный стиль в интерфейс
Собрали единую визуальную систему для страниц, форм и информационных материалов.
АО «ПРО ТКО»
Заключить договорНаправить обращениеРассчитать стоимостьНайти документ
02 · Новая структура
Собрать разделы вокруг действий
Разделы организовали вокруг задач жителей, организаций и партнеров.
03 · Цифровой продукт
Объединить информацию и действия
На одном сайте объединили корпоративную информацию, документы, калькулятор, формы обращений и переходы в личные кабинеты.
Аудитории и задачи
Отдельные маршруты для разных аудиторий
Для жителей, организаций, партнеров и соискателей собрали отдельные разделы, маршруты и способы взаимодействия.
Решить вопрос по начислениям и вывозу
- Графики и правила
- Калькулятор
- Тематические обращения
Заключить договор и передать документы
- Заявление на договор
- Документы
- Переход в кабинет
Найти закупки и официальные материалы
- Закупки
- Раскрытие информации
- Документы
Узнать о работе в компании
- Вакансии
- Информация о компании
- Контакты
Пользовательские маршруты
Как сайт помогает решить конкретную задачу
Показываем четыре маршрута из реализованной системы: оформить договор, направить обращение, рассчитать стоимость и найти документ.
Для организаций и ИП
Оформление договора начинается онлайн
Форма последовательно собирает реквизиты организации, сведения об объекте и документы, необходимые для подготовки договора.
- Реквизиты организации
- Параметры объекта
- Документы к заявлению
Для жителей и организаций
Обращение начинается с выбора темы
Для каждой темы предусмотрен свой набор полей: пользователь сообщает только сведения, необходимые для обработки вопроса.
- Выбор темы
- Только нужные поля
- Данные для обработки
Для жителей, организаций и ИП
Стоимость можно оценить до обращения
Калькулятор учитывает тип пользователя и параметры объекта и показывает предварительный расчет до отправки заявки.
- Тип пользователя
- Параметры объекта
- Предварительный расчет
Для клиентов и партнеров
Документы сгруппированы по назначению
Заявления, договоры, тарифы и нормативы собраны в отдельных разделах — нужный материал можно выбрать по типу документа.
- Заявления
- Договоры
- Тарифы и нормативы
Навигация сайта
Короткий путь к нужному действию или документу
В структуре сайта выделили четыре направления: онлайн-действия, информация для клиентов, официальные документы и сведения о компании.
Единая точка входаtkopro.ru
Решить вопрос онлайн
- Заключить договор
- Направить обращение
- Рассчитать стоимость
- Перейти в кабинет
Получить актуальную информацию
- Частые вопросы
- Новости и объявления
- Графики и контакты
Найти официальный материал
- Договоры и заявления
- Тарифы и нормативы
- Раскрытие информации
Узнать больше об операторе
- Проекты и деятельность
- Руководство и вакансии
- Закупки и контакты
Маршрут обращения
Как заявка попадает к ответственному сотруднику
Форма проверяет обязательные поля и передает обращение в 1С. Там оно регистрируется и направляется ответственному сотруднику.
Пользователь
Заполняет форму и при необходимости прикладывает документы.
Сайт
Проверяет обязательные поля и передает данные в 1С.
1С
Регистрирует обращение и направляет его по заданному маршруту.
Ответственный сотрудник
Получает обращение и начинает работу.
Заявка в работе
Пользователь получает подтверждение, а обращение закрепляется за сотрудником.
WordPress и эксплуатация
Сайт можно обновлять силами контент-менеджера
Новости, документы, ответы на вопросы и контакты вынесли в отдельные разделы WordPress. Для каждого типа материала предусмотрели свой набор полей, поэтому контент-менеджер обновляет сайт без правки кода.
Редактирование новости
Заголовок
Дата публикации
Текст и обложка
Обновить
Состав работ
Спроектировали, разработали и наполнили новый сайт
В проект вошли структура, дизайн, адаптивная верстка, WordPress, формы, калькулятор и подготовка материалов к запуску.
- 01
Структура
Карта разделов и пользовательских маршрутов.
- 02
Дизайн
Интерфейс сайта в обновленном фирменном стиле.
- 03
Верстка
Адаптивные страницы, формы и состояния.
- 04
WordPress
Редактируемые шаблоны и типы материалов.
- 05
Пользовательские маршруты
Формы, расчёты, обращения и доступ к документам.
- 06
Наполнение
Подготовка и размещение материалов к запуску.
Результат в цифрах
69,46% визитов за месяц пришли из поиска
Сайт стабильно привлекает аудиторию из поиска: почти семь из десяти визитов начинаются с поисковых систем.
Данные Яндекс Метрики
69,46%
визитов из поиска
доля поискового трафика
Связанный проект · АО «ПРО ТКО»
Для АО «ПРО ТКО» мы также разработали личный кабинет юридических лиц
Отдельный сервис на Yii2 для организаций: договоры, начисления, счета и акты, роли пользователей и обмен данными с 1С.
- Yii2
- PHP
- JavaScript
- API
Другие проекты ALAB
Сайты и digital-проекты, разработанные для бизнеса
Посмотрите, как мы превращаем задачи компаний в работающие цифровые продукты — от корпоративных сайтов до платформ и интернет-магазинов.
Спортивная digital-платформа
Новый сайт Школьной баскетбольной лиги «КЭС-БАСКЕТ»
Разработали основной сайт лиги и отдельные сайты регионов, перенесли материалы и вывели статистику соревнований через API.
Смотреть проект
Корпоративный сайт
Геомир
Разработали корпоративный сайт с понятной структурой услуг, формами обращений и разделами, которые команда обновляет через WordPress.
Смотреть проект
Интернет-магазин · 1С-Битрикс и Аспро
Интернет-магазин «Солнечное настроение» с обменом данными с 1С
Настроили 1С-Битрикс и Аспро, адаптировали визуал, собрали структуру, наполнили каталог и подключили обновление цен и остатков из 1С.
Смотреть проект
Материалы по теме
Как спроектировать, запустить и развивать корпоративный сайт
Разбираем структуру корпоративного сайта, возможности WordPress и задачи, которые появляются после запуска.
Корпоративный сайт: структура, блоки, CMS и SEO для компании с услугами
Корпоративный сайт строится вокруг главной, услуг, кейсов, блога, о компании, контактов, форм и сквозных настроек. Сайт должен объяснять, чем занимается компания, почему ей можно…
Читать статью
Сайт на WordPress для бизнеса: когда CMS подходит и что проверить перед запуском
Нужно заранее продумать кастомные типы записей, ACF-поля, роли, SEO-поля, скорость и защиту форм. Правильно собранный WordPress удобен контент-менеджеру и не требует правки кода для…
Читать статью
Поддержка сайта после запуска: что входит в обслуживание и развитие
Поддержка включает обновления, бэкапы, мониторинг, правки контента, SEO-доработки, безопасность и аналитику. Сайт живет в бизнесе: появляются новые услуги, требования, ошибки, интеграции и задачи по…
Читать статьюОбсудить проект
Нужен корпоративный сайт со сложной структурой и пользовательскими маршрутами?
Расскажите, какие задачи должен решать сайт. Предложим структуру, состав сервисов и предварительную оценку разработки.
Обсудить проект