™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_0
Назад

Інтернет-магазин Encanto

™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_1
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_2
Encanto

Encanto: Комплексна розробка та міграція інтернет-магазину з гнучкою логікою каталогу

Компанія Encanto звернулася до нас із завданням оновити інтернет-магазин. Потрібно було не просто зробити сучасний дизайн, а й перенести сайт на нову, більш гнучку платформу. Ключовими вимогами були збереження існуючих SEO-позицій та впровадження кількох нестандартних рішень для управління каталогом і товарами.

Ми визначили три основні напрями роботи.

Завдання №1: Динамічні назви для різних сценаріїв покупця

У fashion-ритейлі той самий товар може позиціонуватися по-різному: як частина колекції, як аксесуар чи як базова річ. Стандартний функціонал CMS цього не дозволяє.

Наше рішення:

  • Розробили систему, яка дозволяє призначати до 7 різних назв одному товару: основну, скорочену та альтернативні.
  • Назва автоматично підлаштовується під категорію, де перебуває користувач.

Результат:

  • Бізнес отримав можливість робити різні акценти на товар у залежності від контексту.
  • Для SEO це означає ширший набір ключових запитів та кращу видимість сайту у пошукових системах.
Encanto

Завдання №2: Безпечна міграція та посилення SEO

Головним викликом було перенесення сайту на нову платформу без втрати пошукового трафіку.

Наше рішення:

  • Виконали повну міграцію даних: товари, категорії, URL-адреси, мета-теги, SEO-тексти.
  • Забезпечили збереження структури посилань, щоб уникнути «битих» сторінок.
  • Продумали складну логіку «хлібних крихт» для різних типів сторінок (каталог, категорії, товари).
  • Оптимізували структуру коду: H1 та SEO-тексти розташовані високо в HTML, але відображаються нижче через CSS, що одночасно зручно для користувачів і ефективно для пошукових систем.

Результат:

SEO-позиції збережено, а додаткові технічні рішення створили надійну базу для подальшого росту органічного трафіку.

Завдання №3: Інструменти для управління магазином

Щоденні операції команди Encanto вимагали швидких і зручних інструментів.

Наше рішення:

  • Реалізували групування товарів за моделлю: кожен колір однієї моделі відображається як окремий товар, що відповідає специфіці fashion-бізнесу.
  • Додали можливість масового імпорту для швидкого оновлення колекцій.
  • Створили розширені правила для промокодів, які можна застосовувати за брендом, колекцією чи категорією.
  • Налаштували сповіщення про замовлення через Telegram та e-mail.
  • Оптимізували швидкість завантаження: сайт стабільно отримує 90+ балів у Google PageSpeed на мобільних пристроях.

Результат:

У результаті Encanto отримав сучасну платформу з унікальною логікою каталогу, гнучкими можливостями управління та збереженими SEO-позиціями. Проєкт об’єднав у собі складну міграцію, технічні рішення для пошукової оптимізації та кастомні інструменти під бізнес-процеси компанії.

Що ми зробили
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_3
UI/UX, дизайн
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_4
Програмування
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_5
Верстка
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_6
Наповнення
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_7
Тестування
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_8
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_9
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_10
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_11
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_12
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_13
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_14
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_15
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_16
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_17
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_18
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_19
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_20
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_21
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_22
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_23
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_24
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_25
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_26
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_27
Затрачено часу
Інтернет-магазин Encanto На планшеті
Інтернет-магазин Encanto На ноутбуці
Головна сторінка
™ Глянець, студія веб-дизайну — Інтернет-магазин Encanto_28
Інструменти і технології
які ми використали в роботі над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Midjourney
Інтернет-магазин Encanto
Внутрішні сторінки
Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування