Корпоративный сайт компании «СибДиджитал»

Привет, друзья! Сегодня мы хотим поделиться опытом работы с ООО «СибДиджитал». IT компанией и командой разработчиков, которая создаёт программное обеспечение для оптимизации бизнес-процессов и управления документооборотом.

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

Запрос и задача 📝

Заказчик пришёл с простым и понятным запросом:

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

На тот момент сайт работал на WordPress, и нашей задачей было с нуля разработать тему для этой СMS, используя возможности движка и не прибегая к дополнительным плагинам. Ведь для простого сайта каждый сторонний модуль – это ненужная зависимость от стороннего кода.

Решение

Посадочная страница и информация о продуктах

Первое впечатление о сайте всегда определяют первые 2-3 блока сайта. Из здесь дизайнер СибДиджитал сработал хорошо, подчеркнув цветовой палитрой ориентированность на государственные компании и крупный бизнес. А с помощью простых карточек – описал основные направления деятельности.

Нашей же задачей было подготовить инструмент, с помощью которого команда СибДиджитал могла бы легко и быстро внести любые изменения. Выбор пал на WP_Customizer – панель управления темами WordPress, позволяющая редактировать содержимое отдельных блоков на сайте.

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

Похожим образом была реализована настройка меню шапки и подвала сайта.

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

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

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

Однако стандартные блоки не позволяют создавать красивые и уникальные слайдеры, аккордеоны и прочие интерактивные элементы (которых было предостаточно в макете заказчика).

Чаще всего, для решения этой задачи требуются плагины. Но внедрение такого плагина создало бы зависимость сайта от него. А разработка такого плагина с нуля потребовала бы дополнительных средств и времени.

Стали искать другое решение, и им стали “паттерны” (ранее называвшиеся “мои блоки”). Это инструмент, позволяющий настроить стандартные блоки редактора, а затем сохранить их для дальнейшего пере использования.

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

При этом, мы создали возможность управлять блоками и продуктами, которые будут отображаться на главной странице. Для этого использовался блок “Читать далее” и кастомное поле материала.

Блог компании

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

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

Поисковая оптимизация сайта 🔎

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

Также заказчик настоял, чтобы мы настроили мета-теги для сниппетов в соцсетях мессенджерах

Запуск 🚀

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

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

Результат

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

Если вы тоже хотите качественный корпоративный сайт, то мы ждём вашего запроса!