Техническая оптимизация сайта kproekt.com.ua

Резюме

Заказчик: компания «Комплекс Проект»,  специалисты на комплексном оснащении предприятий общественного питания кухонным, технологическим, тепловым  и другим профессиональным оборудованием.

Проблематика: клиенты обратились к нам с жалобами на медленную загрузку сайта, неработающий поиск, лишние элементы (блоки, фильтры, скрипты), кривую верстку, отсутствующее мобильное меню и некорректное отображение некоторых материалов/страниц. Кроме того, у многих страниц и картинок были битые ссылки, а меню и шапка сайта были организованы неудобно. 

Наша задача: технический аудит и оптимизация сайта, редизайн отдельных элементов (шапка, подвал, каталог, мобильное меню, карточка услуги) 

Продолжительность работ: 3,5 недель.

Этапы оптимизации

После проведения тщательного технического аудита, мы подготовили для клиента подробное ТЗ и рекомендации необходимых работ, а после их согласования были выполнены следующие задачи:

• Oбновили версию Joomla; 
• Удалили лишние (неиспользуемые) плагины;
• Починили неработающие на сайте фильтры (по цене, типу оборудования, производителю и т.д.);
• Настроили корректные редиректы со страниц с 404 ошибкой, удалили лишние;
• <Доработали выпадающий каталог товаров (до нас пункты в каталоге выезжали за заданную область попапа, наслаивались друг на друга);
• В мобильной версии в каталоге добавили дополнительные крестики и изменили механизм разворачивания (ранее не давало войти в подкатегорию, сразу открывало главную категорию);

• Вернули на сайт блог (ранее его перекрывали другие пункты в шапке)
• Исправили верстку основных страниц (согласно текущим макетам);
• Вернули сайту мобильное меню (до нас оно не открывалось);

• Гугл карты заменили с варианта через JS API  на Iframe-вариант (добавив все адреса);
• Откорректировали отображение ссылок (для чего создали спец. скрытое меню в админке);
•  Почистили список учеток в базе;
• Отключили тег менеджер (для увеличения скорости загрузки сайта), переподключили родными тегами Гугл Аналитику и ФБ Пиксель;
• Настроили скрытие пустых вкладок в описании товара/услуг (если информация заполнена вкладки отображаются);
• В карточках товаров (в каталоге категории) убрали лишнюю информацию, на мобильных совсем убрали краткую карточку (информация оттуда перекрывала соседний товар, криво отображалась);
• Убрали значки  коллбэка и оператора в карточке товаров и общем списке (в каталоге) т.к. они тормозили систему и портили верстку — так товары с мобильного стали отображаться в 2 колонки вместо 1 (пропали «дыры»);
• Починили механику и верстку корзины (ранее заказ не оформлялся);
• Изменили уведомление про оформление заказа — выровняли верстку, убрали ненужную информацию;
• На странице блога выровняли записи, открыли случайно скрытые категории/записи;
• Исправили верстку страницы отдельной статьи;
• Поправили согласно макету всплывающую корзину;
• Поправили вывод рекомендуемых товаров и подровняли ряды с товарами;
• Убрали список производителей с корзины и поиск по ним (ранее это был уходящий в бесконечность список);
• Перегруппировали элементы в футере, убрали оттуда поиск (по желанию клиентов) и  добавили платежные системы liqpay, visa, mastercard;
• Починили сортировку товаров (по цене, названию и т.д.);
• Сделали отдельные страницы для доставки и партнеров;
• Поправили верстку и убрали ошибки со страниц вакансий и анкеты;
• Убрали лишнее из каталога товаров (услуги, которые вынесли в шапку отдельным пунктом);
• Доработали страницу списка всех производителей и страницу записей конкретного производителя;
• Убрали вывод “ХИТ продаж” т.к. по логике он полностью повторял “ТОП продаж”;

Дополнительные работы

Помимо технической оптимизации наша команда выполнила следующие задания заказчиков:

• Редизайн шапки сайта для десктопной и мобильной версий;
• Сделали сокращенный (компактный) вариант лого для мобильных с сохранением узнаваемости бренда;
• Переделали карточку услуги (ранее для услуг и товаров были одинаковые карточки);

• Добавили закрепленный баннер с рекламой основной услуги над шапкой (на мобильном он кликабельный со ссылкой на главную);
• Переделали каталог товаров в мобильной версии так, чтобы в нем было две колонки товаров, вместо одной (как на сайтах агрегаторах по типу Розетки);
• Сделали возможность добавлять баннер в начале страницы для каждой категории товаров;
• Сделали возможность вручную добавлять сопутствующие/рекомендуемые товары;
• Настроили события в  ГА (добавили дополнительную информацию через отчеты — кто заходил в корзину, кто откуда сделал заказ);
• Добавили в карточки товаров цены (там где они отсутствовал, например в блоке рекомендуемых товаров);
• Заменили фразу “Нет в наличии” на “Под заказ” в карточке товаров (что корректнее отображается специфику работы клиентов);
• В мобильной версии сайта добавили закрепленный внизу номер телефона (кнопка быстрой связи);
• Закруглили кнопки и инпуты, убрали у них тень;
• Сделали предпросмотр заказа при наведении мыши на корзину 

Результаты

Компьютерная версия ДО

Компьютерная версия ПОСЛЕ

Мобильная версия ДО

Мобильная версия ПОСЛЕ

Показатели GTmetrix ДО

Показатели GTmetrix ПОСЛЕ

Хотите так же?

Связаться с нами можно по номеру +38 048 737 44 49  по почте web@soft-pro.biz, или в мессенджере  — да, это та кнопка в нижнем правом углу 🙂