Разработка сайта для системы добровольной сертификации центров обработки данных «РосЦОД»
Сделали сайт под ключ для единственной в России системы добровольной сертификации центров обработки данных и создали единый реестр БД
ЗАДАЧА:
Создание портала со сложной структурой и мощным объемом данных для создания единой информационно-коммуникативной среды
ЦЕЛЬ:
Представить организацию РосЦОД в интернет-сообществе и создать единую коммуникационно-информационную среду с доступом к реестрам и общей базой данных.
ПРОДУКТ:
Многопользовательский информационно-коммуникативный портал с ярким ассоциативным дизайном и масштабной базой данной
Клиент:
РосЦОД — единственная в России система добровольной сертификации центров обработки данных (ЦОД). Она объединяет участников процесса добровольного подтверждения соответствия продукции, товаров, услуг, и персонала в отрасли: органов по сертификации, тестовых лабораторий, учебных центров, консалтинговых и других организаций.
С 2013 года Ассоциация участников отрасли ЦОД занимается вопросами стандартизации, сертификации, просвещения, обучения и поддержкой отечественных производителей. Организация помогает налаживать деловые связи, решает маркетинговые вопросы и защищает интересы отрасли ЦОД. Сейчас отрасль добровольной сертификации активно развивается. Чтобы ее регулировать, в мае 2021 года Ассоциация приняла решение о создании единой системы РосЦОД и интернет-портала с функционалом, соответствующим запросам пользователей.
Задача:
У Ассоциации участников отрасли ЦОД уже есть собственный сайт, но он содержит только информацию: о деятельности организации, данные для вступающих, некоторые отраслевые справочники, ссылки на полезные ресурсы. Будущей системе РосЦОД нужна была принципиально новая площадка: платформа должна стать единой средой для коммуникации и получения необходимых знаний.
Цель РосЦОД — объединить существующие в России дата–центры, упорядочить и привести к общим стандартам их деятельность. Компания выполняет функцию надзорного органа, подтверждает квалификацию и компетенции работников сферы.
Будущий портал должен вмещать полную информацию о работе системы РосЦОД, давать доступ к руководствам, методическим документам и правилам, помогать подготовиться к аттестации и сертификации, обратиться с апелляцией и предоставлять доступ к многочисленным базам данных РосЦОД, входящим в состав сводного реестра системы.
Решение:
Систему создавали с нуля. От клиента получили общее представление результата, текстовые материалы и графические элементы — логотип, пиктограммы. Вместе определили пул работ и приоритетность.
Требовалось:
Каждый этап тщательно обсуждался с клиентом: согласовывали дизайн и прототипы страниц, общались по верстке и функционалу сайта, составляли и внедряли базы данных реестра системы. Чтобы процесс был понятным и прозрачным, поддерживали связь каждый день.
Функционал:
В рамках проекта был реализован весь запланированный функционал портала. Сделали новостной блок и форму для вопросов. Обработали и адаптировали массив данных для диджитал–среды, чтобы пользователь легко получал нужную информацию. На площадке реализована возможность оформления заявки на сертификацию и аттестацию, а также проверки компетенции ЦОД. Добавлены всплывающие поп–апы, которые помогают быстро сориентироваться. Разработка велась на платформе CMS WordPress
Создание базы данных:
Отдельным элементом проекта стало создание единого БД-реестра.
Реализованные задачи:
1. Установили и настроили ПО для работы с базами данных на сервере заказчика. БД в значении программного комплекса используется для сайта на движке WordPress и хранения данных
2. Разработали средства взаимодействия сайта WordPress с базой данных РосЦОД, позволяющие получать и редактировать данные
3. Разработали интерфейс взаимодействия с реестрами в БД – в качестве решения был предложен Adminer — легковесный бесплатный инструмент администрирования баз данных, в том числе MySQL
4. Установили и настроили все инструменты для работы с порталом
Все средства взаимодействия представляют собой набор шорткодов и своего рода api (в виде файла php). Шорткоды необходимы для отображения данных, в основном таблиц, а назначение api-файл принимать разные запросы, в ответ на которые отдается нужная информация из БД в удобном для дальнейшей работы формате. Сервис проверки действительности сертификатов и валидности реестров, так же происходит при помощи этого файла
Дизайн
Отталкиваясь от предоставленных референсов и мудборда, сформировали дизайн-концепцию с отсылкой к сайтам конца 1990-х — начала 2000-х годов. Образное поле сайта отражает стилистику поколения next: масштабное развитие дата–центров началось именно тогда. Вдохновились Windows 3.1/95 и отрисовали адаптивную айдентику.
Стилизовали логотип и поменяли цвета. Сделали жесткие пиксельные шрифты, отсылающие к системным, и аналогичные иконки. Добавили зернистость изображениям и черно–белым фотографиям, чтобы усилить ассоциативный ряд графики: на ранних ПК визуал был крайне невысокого разрешения.
Цветовая схема связывает со старыми интерфейсами: она достаточно кислотная, но при этом технологичная. Основной цвет — цифровой синий. Гамму дополняют черный и серый.
Дизайн работает на ассоциациях и выполняет заложенные задачи на 100%: делает бренд узнаваемым и выражает суть организованного коммьюнити. Согласованные элементы, шрифт и пиксельная обработка символизируют интернет–пространство.
Результат:
За 5 месяцев команда ENDESIGN собрала полноценно функционирующую платформу, сверстала и разработала ассоциативный дизайн. Корпоративная цветовая гамма и олдскульная айдентика создают запоминающийся визуальный образ. Это мгновенно цепляет целевую аудиторию и закрепляет компанию в сознании потребителя.
Главной особенностью проекта стал масштаб обработанной информации и опыт. Мы собирали реестры, разрабатывали сайт и параллельно обучались новому. Команда включала куратора, дизайнера, программистов и верстальщиков.
Выполненные работы:
1. Коммуникационная платформа
2. Разработка UX/UI
3. Оформление заявок на аттестацию и сертификацию
4. Глобальный поиск по реестру системы
5. Объемный раздел с вопросами и ответами на них
6. Простая навигация страниц
7. Комфортное юзабилити
8. Удобно структурированная информация
9. Информационные поп–апы
10. Формы для вопросов
11. Обеспечение информационной безопасности
Мы разрабатываем сайты под ключ, дорабатываем существующие площадки и помогаем даже самым сложным проектам выйти на новый уровень продуктивности.
