100Metrov - Комплексна модернізація
Глибокий рефакторинг та оптимізація існуючого інтернет-магазину будівельних матеріалів. Проєкт включав повну переробку архітектури фільтрів, впровадження сучасного фронтенду з реактивними елементами, а також масштабну оптимізацію продуктивності бази даних та SEO-показників на базі legacy-рушія.
Задача
Вдихнути нове життя в існуючий інтернет-магазин, що працює на застарілому кастомному рушії. Потрібно було впровадити повноцінну багатомовність, кардинально прискорити завантаження сторінок за рахунок оптимізації бази даних та скорочення SQL-запитів, повністю переписати логіку роботи атрибутів (фільтрів), а також здійснити повну «натяжку» нового дизайну із сучасним JS-функціоналом для пошуку та кошика.
Як змінилася ситуація
Як було
- Повільне завантаження сторінок: Надмірна кількість SQL-запитів до неоптимізованої бази даних призводила до довгих відповідей сервера.
- Застарілий інтерфейс: Негнучкий дизайн із синхронним перезавантаженням сторінок під час використання пошуку або додавання товарів до кошика.
- Важкі фільтри: Повільна та неоптимізована система атрибутів, яка «вішала» базу при складних вибірках у каталозі.
- Обмеження платформи: Відсутність підтримки декількох мов та технічні недоліки коду, що заважали просуванню в пошукових системах.
Як стало
- Performance-оптимізація: Прискорена робота сайту завдяки профілюванню БД, суттєвому скороченню запитів, що генеруються рушієм, та переходу на PHP 7.4 з налаштуванням Opcache.
- Сучасний UX/UI: Повна інтеграція нового адаптивного дизайну. Впроваджено новий формат JavaScript для плавної, асинхронної роботи кошика та інших інтерактивних елементів.
- Розумний пошук та фільтрація: Повністю переписана логіка атрибутів для миттєвого сортування товарів. Впроваджено швидкий та релевантний AJAX-пошук із випадаючими підказками.
- SEO & Локалізація: Успішно реалізована багатомовність на рівні ядра рушія та проведена комплексна технічна SEO-оптимізація платформи.
Візуал & Скріншоти
Архітектура
Технічний опис системи - інструменти, патерни та рішення для забезпечення відмовостійкості та продуктивності.
Структура
Структура проєкту - організація коду, модулі, шари та залежності.
Готові обговорити
ваш проєкт?
Розкажіть задачу - запропоную архітектуру та терміни.