Кейс разработки сайта для ЦОД 3data

3data — это сеть дата-центров премиум-класса, предлагающая уникальную для российского рынка концепцию «ЦОД рядом с вами», соответствуя стандарту Tier 3, требованиям 152-ФЗ и стандарта PCI DSS. 3data осуществляет полный цикл услуг дата-центров — от проектирования и строительства до эксплуатации и продажи. Кроме того, 3data активно участвует в развитии отрасли, являясь членом и соучредителем Координационного совета по ЦОДам и облачным технологиям (АНО КС ЦОД).

Аналитика и дизайн

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

Функциональность сайта

Реализовали кастомную админ-панели интегрированную с CRM компании. Для этого мы использовали связку Laravel (для серверной логики и интеграции через API) и Nuxt.js (на базе Vue.js) для создания быстрого и удобного пользовательского интерфейса. API-интеграция обеспечила бесшовное взаимодействие с внутренней системой, а Laravel позволил настроить автоматическую синхронизацию данных.

Главная страница

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

Каталог услуг

Компания 3data имеет широкий спектр услуг, который нужно было структурировано расположить в главном меню, что нам и удалось! Верхний уровень каталога включает шесть основных категорий услуг: «Облачные сервисы», «Размещение оборудования», «Размещение и аренда модульных ЦОД» и другие. Внутренние страницы услуг уникальны, нет единого шаблона расположения контента и верстки, на страницах добавлен калькулятор расчета стоимости услуг и форма обратной связи.

Информационные разделы

Структура информационных разделов включает: «Новости», «Видео», «Пресса о нас», «Кейсы», «Партнеры» и другие. Каждый из разделов содержит разнообразные и информативные блоки для отдельных публикаций. Кроме того, реализован блок с ответами на часто задаваемые вопросы (FAQ).

Контакты

На сайте представлено два раздела с контактной информацией: «Контакты» (центральный офис) и «Дата-центры» (региональные подразделения).

Тестирование

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