Разработка сайта для Linx - провайдера облачных решений и услуг ЦОД

Linx — компания, предоставляющая услуги дата-центра и облачных сервисов. Старый сайт клиента уже не соответствовал задачам бизнеса и был реализован на WordPress, что ограничивало возможности по расширению функционала. Нам доверили разработку нового сайта — современного, гибкого, с мощным функционалом. В качестве новой платформы мы предложили 1С-Битрикс.

У клиента была потребность в наполнении большого количества страниц продуктов с разной структурой. Мы предложили использовать и кастомизировать встроенный в Битрикс визуальный конструктор «Сайты 24», чтобы команда Linx Cloud могла самостоятельно управлять содержанием и структурой сайта без помощи разработчиков. Это решение используется на другом нашем проекте с множеством продуктовых страниц — сайте Банка Хлынов.

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

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

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

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

Мы усилили визуальную подачу с помощью новых иллюстраций к сайту, в том числе анимированных. Анимацию сделали методом Parallax: три картинки, две из которых двигаются относительно друг друга по движению мыши. Такая анимация используется на главной и всех продуктовых страницах. Администратор теперь может сам добавлять новые картинки — и они автоматически подключатся к эффекту движения.

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

Для каждой страницы можно настраивать:

— порядок и тип блоков,

— оформление баннеров и кнопок (6 вариантов),

— заголовки, формы обратной связи, анимацию (20+ видов поведения при прокрутке),

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

— цвета, сетку и стили прямо в визуальном редакторе.

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

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

Заполнение заняло много времени, так например, один из разделов сайта «База знаний» насчитывает более 250 статей — всё перенесено, структурировано и адаптировано.

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

Важная особенность калькулятора — его управляемость. В административной панели можно настроить услуги, группы, тарифы, формулы расчета, интерфейсные тексты. Никакого кода — контент-менеджеры могут редактировать всё без необходимости обращаться к разработчикам. Для этого была создана гибкая структура из «блоков», «групп» и «продуктов», которые взаимосвязаны между собой. Например, блок с публичным IP-адресом включён в группу «Диски», а «Диски» в свою очередь объединены в группу «Облачные ресурсы IaaS».

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

Что мы в итоге сделали:

— Обновили визуальный стиль.

— Реализовали гибкий конструктор — администраторы могут создавать новые страницы без помощи разработчиков.

— Разработали калькуляторы расчёта стоимости тарифов

— Упростили управление контентом и перенесли все данные вручную

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