Новое оформление avion73

Сказ о том, как мы редизайнили сайт на битриксе.

Брифинг

  1. Провести аудит
  2. Сделать редизайн
  3. Сверстать макеты
  4. Интегрировать в сайт с cms bitrix

 

Аудит

Началось все с аудита сайта, т.к. имелись подозрения на наличие заражения сайта (местами ехала верстка и выводились ошибки php). После беглого осмотра файловой структуры, были обнаружены результаты взлома.

 

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

В результате исследований, я обнаружил способы управления, и даже написал небольшой эксплоит для проведения атак.

 

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

 

Редизайн

Новый дизайн предполагал разработку нескольких новых виджетов (компонентов) и сущностей (инфоблоков) для сайта.

 

Как выглядел сайт на тот момент

 

Не густо, не правда-ли?

А теперь взгляните на наш дизайн макет:

 

Дизайн макет сайта (by m3xxig)

 

Верстка

Верстка нового макета выполнялась с применением sass, nunjucks и gulp. В принципе, тут больше особо нечего добавить, ибо никаких особо навороченных или интересных в реализации вещей макет не предусматривал.

 

Интеграция

Новый макет подразумевал добавление новых сущностей, таких как например, акция месяца или новости. (на старом сайте новости - это просто товары отсортированные по дате добавления)

Сказано - сделано

Благо в битриксе для этого не требуются сверхъестественных телодвижений, пожалуй, единственный плюс этой cms.

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

При реализации этих компонентов я постоянно испытывал боль от использования API Bitrix, чтения форумов «битрикс-программистов» и вкуривания мегадокументации по продукту.

 

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

 

 

Результат

В результате клиентосы получили обновление дизайна сайта, и как дополнительный бонус, несколько оптимизаций сайта. А мы, соответственно, получили наши денежки.

 

До

 

После