Кейс по разработке корпоративного сайта для Credo-Dialogue

tehnologii credo
Клиент: Компания “Кредо-Диалог”
Проект url: credo-dialogue.ru

О компании: Компания «Кредо-Диалог» создает программные продукты КРЕДО и входит в число ведущих разработчиков отечественного инженерного ПО для производства инженерных изысканий и проектирования объектов транспортного строительства и ПГС.

Основные цели: Перенести на WordPress действующий сайт компании, отрисовать индивидуальный дизайн в соответствии с общей стилистикой и духом компании.

Обращение

Компания Кредо-Диалог является нашим постоянным заказчикам в сфере создания сайтов. Наше агентство уже разработала для данной организации несколько landing page на разные тематики: одна для конференции в Казани и вторая для информирования посетителей о возможностях в сфере информационного моделирования зданий.

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

Краткий бриф на разработку сайта
Наименование компанииКомпания “Кредо-Диалог”
Сфера деятельностиСоздание программного обеспечения инженерных задач и геодезии
Страна, на которую рассчитан сайтРоссийская Федерация
Основные товары и услугиПрограммное обеспечение для производства инженерных изысканий и проектирования строительных объектов
Домен сайтаcredo-dialogue.ru
Целевая аудиторияПредприниматели работающие в сфере производства, строительства, добычи
Задачи сайтаПредоставление информации о товарах, услугах; Обеспечение доступа к продуктам компании; Информирование о новостях и событиях
Тип сайтаКорпоративный веб-сайт
CMS WordPress
ХостингFozzy.com
Пожелания заказчикаСайт должен соответствовать духу компании. Все URL должны соответствовать требованиям поисковых систем. Весь функционал, который есть на текущем сайте (старом сайт компании) должен быть перенесён на новый.

Перенос сайта

У компании, на момент обращения, уже был сайт, созданный ещё в 2014 году на CMS Joomla. Работать с ним было очень неудобно: многочисленные ошибки ограничивали возможность добавления нового функционала и работы со старым. Например, нельзя было указывать человекопонятные URL для новых страниц, что отрицательно сказывалось на пользовательском опыте. Также наличие большого количества ошибок влияло и на скорость загрузки страниц, которую невозможно было поднять выше среднестатистической отметки.

Исправлять уже существующий сайт очень невыгодно, а потому было принято решение о его переносе на другую платформу. Рассматривались различные системы управления контентом, но выбор пал на WordPress, потому что он обладает некоторыми очевидными преимуществами, которые оказались решающими в данном вопросе. Во-первых, WordPress имеет удобную админ-панель и много разнообразных плагинов, которые сильно упрощают заполнение страниц и добавление информации. Во-вторых, это система полностью бесплатная. В-третьих, сайты, написанные на WordPress, отлично продвигаются в поисковых системах (в отличие от системы Tilda, например).

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

После переноса сайт избавился от всех ошибок, усложняющих работу с ним. Это вместе с новой архитектурой позволило заметно ускорить загрузку страниц.

Клиенты компании Сredo-Dialogue

Компания Credo-Dialogue создаёт уникальное инженерное программное обеспечение. Их услуги очень востребованы среди крупных строительных, горнодобывающих, нефтяных и производственных компаний. Среди них можно выделить: Газпром, Лукойл, Норникель, СУЭК, Северсталь, РусГидро, Роскосмос, Росатом, РЖД, Роснефть. И это только самые известные из них. Поэтому при создании сайта было важно сделать его дизайн соответствующим статусу компании, выдержав официальный, сдержанный тон и добавить насыщенности цветам для более приятного нахождения на нём.

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

Отрисовка дизайна

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

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

Календарь

На сайте организации представлен календарь, в котором указаны важные для компании события, например, конференции или курсы. Как уже было сказано ранее, до переноса у сайта были некоторые проблемы с URL. В частности, ссылки на события были совершенно нечитаемые, они содержали техническую информацию (GET-параметр) и имели в себе кириллические символы, которые при копировании превращались в запутанный шифр.

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

Календарь на сайте credo-dialogue.ru (сверху)
Форма для оплаты товаров на сайте credo-dialogue.ru (справа)

Календарь на сайте credo-dialogue.ru

Форма для оплаты товаров на сайте credo-dialogue.ru

Плагины

Компания Кредо-Диалог предоставляет возможность покупки программ и услуг прямо на своём сайте при помощи специального плагина. Для нового сайта этот функционал также необходим, однако ввиду того, что старый сайт был написан на Joomla!, плагин невозможно использовать на WordPress. Этот плагин очень важен для полноценной работы сайта и компании в целом, поэтому он был полностью переписан. В итоге пользователи и сотрудники не заметили никаких изменений, а значит данная задача была выполнена успешно.

Ранее было сказано, что в WordPress есть удобная админ-панель. Во многом это достигается за счёт плагина PageBuilder. Этот плагин позволяет использовать блоки для упорядочивания информации на странице. Эти блоки обладают понятными настраиваемыми параметрами, и позволяют работать со страницей как с конструктором. А при небольшом знании языка разметки гипертекста, можно творить настоящие чудеса.

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

Итоги

Подводя итоги, можно выделить никоторые аспекты проделанной работы:

  • Новый дизайн получился приятным и удобным, а также сохранил дух и стилистику компании.
  • У сайта появилась удобная админ-панель для работы с контентом.
  • Благодаря плагинам и модулям создавать страницы для товаров, новостей, событий стало во много раз удобнее
  • Сайт стал работать значительно быстрее своей прошлой версии
  • Удобство использования сайта стало явно выше благодаря новому дизайну и работе с ссылками
  • Весь функционал был перенесён со старого сайта на новый (оплата счетов, скачивание продукции, календарь и так далее)
  • Все API, которые использовались на старом сайте, были сохранены и на новом (Они используются для отображения новостей в программных продуктах компании)