Клиент
АО «Промстройпроект» — один из самых заслуженных проектных институтов в России. Он был основан в 1930 году. До 1991 года был ведущим проектным институтом Госстроя СССР по промышленному строительству.
Промстройпроект участвовал как ведущая проектная организация в строительном проектировании более 1500 объектов, среди которых промышленные предприятия, жилые и общественные здания.
Наиболее крупные из них — ЗИЛ, ГАЗ, Волжский, Камский, Елабужский автозаводы, АЗЛК, объекты электронной промышленности в Зеленограде, доменные цехи Новолипецкого, Криворожского завода, и в г. Визакхапатнаме (Индия), а также Ульяновские авиакомплекс «Авиастар» и центр микроэлектроники. Ряд проектов института отмечен Государственными премиями.
Задача
У клиента, был старый и «полуживой» сайт на 1С-Битрикс, который как-то работал, но из-за того что его долго не обновляли, в какой-то момент не пережил вирусную атаку (обновления безопасности не устанавливались более 3-х лет!!) и, в один прекрасный (нет) момент, просто перестал открываться.
Изначальная задача, с которой к нам, как к зарекомендовавшим себя специалистам по восстановлению сайтов, обратился клиент, была «просто сделать чтобы опять сайт работал».
Дополнительной сложностью было то, что система резервного копирования на сайте не была настроена и просто вернуться к состоянию до заражения не было возможности.
Силами разработчиков WEB-AiM, при поддержке серверного администратора, мы почистили код сайта от вредоносных «вкраплений», а также корректно обновили и настроили виртуальное окружение на сервере, для того, чтобы снизить вероятность повторения проблемы с заражением.
Сайт заработал, но все еще оставалась вероятность «рецидива» — так как сам 1С-Битрикс и модули, которые использовались на сайте не были обновлены.
Отдельным нюансом было то, что старый шаблон сайта, перед обновлением было необходимо адаптировать под работу с PHP 8.x — проект был создан и работал еще на PHP 5.3.
Без перехода на актуальную версию PHP нет возможности обновить 1С-Битрикс и модули — ядро попросту уже не может корректно работать на этой версии PHP.
Помимо технических проблем с обновлением, на сайте были также проблемы с настройкой и работой функционала. Например, не работали некоторые формы:
Были проблемы и с отображением контента (потерянные картинки), а интерфейсы некоторых функциональных страниц требовали оптимизации и переработки.
Например, страница, на которой институт, как акционерное общество, выкладывал документы для акционеров не имел сортировки. Из-за этого не было возможности быстро найти нужный документ за какой-то конкретный год и приходилось бесконечно пользоваться пагинацией и прочитывать все названия всех загруженных документов, чтобы найти нужный.
С точки зрения визуального оформления сайта было также много моментов, которые явно мешали восприятию контента.
Это и номера телефонов «вырвиглазных» цветов, которые делали этот важный конверсионный элемент вообще не читабельным (бирюзовый на белом — брррр!), и малоконтрастные тексты наложенные прямо поверх сложных фонов, и перекрытия одних элементов другими:
Огромной проблемой являлось и то, что сайт не был адаптивным. На мобильных устройствах его блоки «разъезжались», картинки масштабировались не корректно, а текст уползал за видимую часть экрана.
Огромной эта проблема является из-за того, что в данный момент, посещают сайты с телефона чаще (70%), нежели со стационарного компьютера или ноутбука (30%).
Нормально пользоваться сайтом было невозможно, а поисковики пессимизировали сайт в выдаче из-за этого же — для них это тоже один из основных параметров оценки сайта.
А еще, на некоторых страницах были проблемы с контентом. Было много дублирования, некоторые важные данные (контактные) были устаревшими и уже не актуальными.
Все эти моменты мы выявили в ходе базовой аналитики проекта и предоставили клиенту отчет с перечнем видимых и очевидных и внутренних технических проблем, которые стоило исправить.
Отчет содержал разделы с перечнем улучшений, которые касались:
- Серверной инфраструктуры
- Обновления окружения
- Создания/доработки элементов фирменного стиля компании, которые должны использоваться на сайте
- Редизайна сайта и исправления логики работы функциональных элементов
- Полного пересоздание шаблонов сайта для обеспечения адаптивности.
- Рекомендации связанные с SEO
- Рекомендации по проведению работ направленных на обеспечение общей стабильности работы и безопасности сайта
- Рекомендации по изменению контента.
Клиент не был готов к полноценному «пересозданию» сайта, но поскольку было очевидно, что перечень необходимых доработок критичен и их важность была понятна клиенту, было принято решение двигаться итерационно и развивать проект по шагам в рамках технической и контентной поддержки.
Что сделали/фишки
Поскольку бюджета на полномасштабную переработку сайта в бюджете клиента на этот год заложено не было, было принято решение сейчас проработать только самые важные моменты, а в следующих итерациях — "доразвить" проект.
В этом проекте мы решили отойти от стандартной для нас схемы работы и пропустили этап предпроектного исследования (агрегации требований) и при разработке использовали существующую структуру сайта и уже имеющийся контент.
Этап создания прототипов страниц был также пропущен — структуру и перечень типов страниц мы оставили прежним. Это также позволило нам сократить бюджет разработки.
Наши дизайнеры создали новые дизайн-макеты, которые учитывали необходимость сайта в адаптивности. А также переработали некоторые элементы фирменного стиля с технической точки зрения — сделали векторные иконки, перерисовали логотип, поскольку имеющийся был только в растровом формате и очень низком разрешении. Помимо этого была разработана и применена, при отрисовке макетов, четкая и логичная цветовая схема.
На этапе верстки и дизайна мы дополнительно провели работы по частичной технической оптимизации для того, чтобы проект нормально попадал в зеленую зону по PageSpeed по большинству страниц как для мобильных, так и для десктопов.
В данный момент остались только работы по оптимизации изображений, которые должны быть выполнены сотрудниками заказчика. После того как все картинки будут заменены на новые, подготовленные с учетом наших рекомендаций, все «кружочки» станут зелеными:
После окончания всех работ, мы традиционно, проверили весь функционал сайта и прошли Монитор качества от Битрикс.
В результате, даже при очень ограниченном бюджете, мы не просто восстановили работоспособность сайта, но полностью его обновили как снаружи, так и изнутри, сделав его и безопасней и удобнее.
Мы также сделали сайт более «видимым» в поисковых системах за счет настройки внутреннего SEO с учетом требований поисковых систем:
На следующие этапы запланированы работы над новыми разделами сайта, расширение функционала коммуникаций с потенциальными клиентами.