Кейс: Комплексне оновлення та технічна оптимізація інтернет-магазину натуральних пахощів Ananda Incense (ananda-incense.com)
в мережі
Про проєкт
ananda-incense.com — це нішевий e-commerce майданчик, що спеціалізується на реалізації натуральних та традиційних пахощів, благовонь і ароматичних аксесуарів. Нішеві магазини товарів для релаксу та духовних практик потребують особливої уваги до UX: зручна система фільтрації за нотами/носіями аромату, легка мобільна версія та миттєвий відгук каталогу.
Головна мета проєкту від SebWeo — провести технічний аудит, виправити вузькі місця у продуктивності e-commerce платформи, прискорити завантаження медіа-контенту та підвищити конверсію мобільного трафіку. Окрема увага: розширенню функціоналу для покращення UX.
Завдання, які стояли перед SebWeo:
- Усунення затримок каталогу (Core Web Vitals): Ліквідація зсувів верстки (CLS) та оптимізація завантаження головних зображень товарів (LCP).
- Оновлення та чистка бекенду: Ревізія застарілих скриптів, оптимізація бази даних та виправлення помилок у плагінах e-commerce екосистеми.
- Мобільна адаптація та UX: Спрощення процесу оформлення замовлення (Checkout).
- Прискорення сайту: оптимізація коду та бізнес-логіки для покращення швидкості сайту.
- Розширення функціоналу, зокрема: подарункове пакування, складна система правил для знижок, відмова від конструктору на користь зручних блоків, фільтрація/сортування продукції, оновлення макету
Що було зроблено:
Після проведення робіт з оновлення та оптимізації сайт ananda-incense.com отримав значне прискорення у тестах Google PageSpeed Insights. Швидкість завантаження каталогу на мобільних пристроях зросла, а усунення помилок у верстці та скриптах дозволило створити комфортні умови для покупців, забезпечивши зростання конверсії в замовлення.
Інтеграції та технологічний стек:
- Платформа: WordPress + WooCommerce (кастомізована e-commerce збірка).
- Фронтенд: HTML5, CSS3 (Flexbox/Grid), Vanilla JavaScript (ES6+).
- База даних: MySQL (чистка від застарілих транзієнтів та автозавантажувальних опцій).
Деталі проєкту
Особливості проєкту
- Адаптивний дизайн
- Контактна форма
- Мультимовність
- Адмін-панель
- Пошук і фільтрація каталогу
- Аналітика та відстеження подій
- Форма бронювання / заявки
- Email-сповіщення
- Особистий кабінет
- Відгуки та рейтинги
- Відстеження замовлень
- Керування контентом через CMS
Технології, що використовувались при розробці
- HTML5
- CSS3
- JavaScript
- jQuery
- PHP
- WordPress
- WooCommerce
Коментарі
Коментарів ще немає.
Залишити коментар на основній сторінці