Редизайн інтернет-магазину: нова вітрина на старих адресах
Редизайн магазину — це заміна шаблонів вітрини на каталозі, який уже працює: у нього є адреси карток, вивантаження на маркетплейси, відгуки й накопичена статистика замовлень. Дизайн тут рідко буває найдорожчою частиною. Дорожче обходиться дерево категорій: у більшості магазинів на OpenCart адреса картки містить шлях категорії, тому «спрощення меню» тихо переписує адреси всього каталогу разом із посиланнями у фідах. Тому починаємо з інвентаризації адрес, а вже потім малюємо. Строк — 23–42 робочих дні. Вартість називаємо після безкоштовного аудиту, коли побачимо, скільки в каталозі адрес і скільки модулів тримають вітрину.
записів у карті сайту на 6 857 унікальних адрес, вимір 31.07.2026
категорія зі 100 товарами — 554 КБ HTML при головній 143,6 КБ
Вага, яка вирішує, а не вага головної
101234567892012345678930123456789
Норма карти сайту після робіт
адреси, нуль дублів — виміряний зразок із нашої вибірки
2012345678930123456789–4012345678920123456789
Строк
робочих дні, шість етапів
безкоштовний аудит магазину, 3–5 робочих днів
Перед кошторисом
гарантія 30 календарних днів і повторний вимір через два тижні
Після приймання
Кому підходить
Ситуації, у яких ця послуга дає результат
Сценарій 1 із 4
Магазин продає, але тема залишилась із запуску
Замовлення йдуть, каталог живий, а вітрина зібрана років шість тому: фільтр на телефоні відкривається на пів екрана, картка вимагає горизонтального прокручування, кнопка «купити» тікає під клавіатуру. Тут переробка дає видимий ефект швидко, бо міняє не смак, а фізичну можливість дійти до кошика з мобільного.
Розберемо вашу ситуацію на безкоштовному аудиті
Сценарій 2 із 4
Каталог виріс, а навігація лишилась від старту
Починали з двохсот позицій і п'яти категорій, зараз позицій кілька тисяч, а розділи ті самі. Покупець гортає сторінку пагінації замість того, щоб відфільтрувати. Ця задача чіпає структуру, тому вона дорожча за просту зміну шаблонів — і саме тому ми показуємо її окремим рядком кошторису.
Сценарій 3 із 4
Магазин дістався вам разом із чужою темою
Купили бізнес або змінили підрядника, а всередині тема з правками в ядрі, які ніхто не документував. Зміна кольору ламає верстку картки, оновлення модуля ламає чекаут. Перед редизайном такий магазин доводиться спершу описати, і цей опис — половина роботи аудиту.
Сценарій 4 із 4
Попереду сезон або рекламний бюджет
Готуєтесь заливати трафік і не хочете, щоб на піку відвалився фід або подія покупки. Тоді порядок такий: спершу вимір і перевірка вивантажень, потім переробка вітрини, потім реклама — і між переключенням теми й стартом кампанії лишається запас у два тижні.
Кейси
Задачі та результат у цифрах — усі показники зняті нашим виміром
інтернет-магазин професійного інструменту, каталог понад 6 тис. позицій
Задача
Продавати інструмент і роздрібному майстру, і компанії з ПДВ: каталог із фільтрами й чекаут із поширеними в Україні способами розрахунку.
Рішення
Магазин на OpenCart, дві мовні версії, десять способів оплати й чотири доставки, JSON-LD OnlineStore.
Результат
6 486 сторінок товарів і 361 категорія — 6 857 унікальних адрес. Вимір 31.07.2026: TTFB 671,2 мс при 407,8 КБ HTML головної. Знайдений дефект: у карті сайту 25 537 записів, тобто кожен товар присутній у ній у середньому 3,9 раза під різними шляхами категорій, а генерується вона 34,2 секунди.
магазин систем автоматичного поливу, каталог на 300 позицій
Задача
Зібрати технічний асортимент, де коліна, муфти й трійники різняться лише діаметром і різьбою, щоб покупець знаходив деталь без дзвінка менеджеру.
Рішення
OpenCart 3 на nginx з HTTP/2 і стисненням brotli, каталог на чотири рівні вкладеності з модулем фільтра, canonical на всіх типах сторінок.
Результат
Вимір 01.08.2026: 300 товарів у 40 категоріях на чотирьох рівнях вкладеності. Перша відповідь сервера 235 мс, повний HTML 262 мс. Головна важить 143,6 КБ без стиснення і 22,5 КБ у brotli, а категорія зі 100 товарами — 554 КБ. У чекауті шість способів доставки від двох перевізників і три оплати — перевірено реальним оформленням замовлення.
інтернет-магазин професійної косметики, каталог понад 5 тис. позицій
Задача
Звести великий асортимент у каталог із навігацією за брендами й типами засобів і зрозумілими умовами оплати.
Рішення
OpenCart 3, навігація за брендами й типами засобів, мікророзмітка Organization.
Результат
5 561 товар у живому каталозі (штатний пошук: 55 сторінок по 100 позицій і 61 на останній). Вимір 31.07.2026: TTFB 801,2 мс при 153,8 КБ HTML. Знайдені дефекти: /sitemap.xml і фід віддають HTTP 200 з порожнім тілом, на головній немає жодного лічильника — ні GTM, ні gtag, ні пікселя.
нішевий магазин стоматологічних матеріалів
Задача
Поєднати компактний каталог матеріалів із контентною частиною для професійної спільноти.
Рішення
Магазин на OpenCart за Cloudflare, карта сайту як індекс із чотирьох файлів, післяплата на відділенні перевізника.
Результат
96 товарів і 21 категорія — рівно 123 адреси в карті сайту з нульовим дублюванням проти 3,9 дубля на товар у магазині інструменту з тієї ж вибірки. TTFB 440,7 мс при 103,2 КБ HTML. Знайдений дефект: нуль блоків JSON-LD і жодного лічильника в розмітці головної.
Що входить
Повний перелік робіт і того, що ви отримуєте на виході
Рахуємо адреси каталогу до робіт двома методами — картою сайту й штатним пошуком CMS — і звіряємо цифри між собою
Малюємо шаблони вітрини: головна, категорія з фільтром, картка товару, кошик, чекаут, сторінки оплати й доставки
Лишаємо адреси карток і категорій на місці: найдешевший спосіб зберегти позиції — не переїжджати
Не чіпаємо ідентифікатори товарів у базі: на них зав'язані вивантаження, відгуки й накопичена статистика
Там, де адреса все ж змінюється, робимо 301 один в один і проганяємо кожне правило поштучно
Фіксуємо цільову вагу HTML категорії й картки до верстки, а не пояснюємо її після запуску
Переносимо модулі вітрини на нову тему: фільтр, швидкий перегляд, замовлення в 1 клік, відгуки, віджети месенджерів
Перезбираємо події електронної торгівлі під нові шаблони: перегляд списку, перегляд товару, додавання в кошик, оформлення, покупка
Перевіряємо фіди на маркетплейс і в Merchant Center після переключення теми, а не наприкінці місяця
Ставимо мікророзмітку Product, Offer і BreadcrumbList на нових шаблонах
Приводимо карту сайту до стану без дублів і повертаємо в robots.txt робочий рядок Sitemap
Проходимо наскрізне тестове замовлення на кожному способі оплати й повторюємо вимір через два тижні після запуску
Умови роботи: передоплата 50%, два раунди правок на етапі дизайну, гарантійний строк 30 календарних днів
Коли ця послуга не підходить
Що не входить у роботу — щоб не було сюрпризів на здачі
Переїзд на іншу платформу — це міграція з окремим кошторисом
Оновлення мажорної версії движка
Наповнення каталогу й копірайтинг описів товарів
Предметна зйомка товару
Реклама після запуску й компенсація сезонних коливань попиту
Хостинг, домен, еквайринг
Етапи роботи
Прозорі етапи з погодженням на кожному кроці
Загальний строк:23–42 днів
01
Вимір і карта адрес
3–5 робочих днів
Рахуємо каталог двома методами, знімаємо швидкість і вагу головної, категорії й картки, перелічуємо модулі та активні фіди. На виході — документ, за яким рахується кошторис.
02
Прототипи вітрини
3–5 робочих днів
Скелети категорії, картки й чекауту: де стоїть фільтр, що видно в картці до прокручування, скільки кроків до підтвердження замовлення. Правити тут коштує години.
03
Дизайн шаблонів
6–10 робочих днів
Головна, категорія, картка, кошик, чекаут у вашій айдентиці. Тут же фіксуємо цільову вагу категорійної сторінки — цифрою в документі, а не побажанням.
04
Збірка теми на копії
7–14 робочих днів
Верстка шаблонів, перенесення модулів вітрини, налаштування фільтра, перевірка кошика й чекауту. Усе це на копії магазину, живий сайт працює як працював.
05
Аналітика, фіди, розмітка
2–4 робочих дні
Події електронної торгівлі під нові шаблони, Product і BreadcrumbList у розмітці, вивантаження на маркетплейс і в Merchant Center, карта сайту без дублів.
06
Тестове замовлення й переключення
2–4 робочих дні
Наскрізний прогін замовлення на кожному способі оплати, перевірка правил редиректів, переключення теми в найтихішу годину доби, повторний вимір через два тижні.
Безкоштовний аудит магазину перед редизайном
Перед макетами треба знати, що в магазині чіпати не можна. Тому аудит рахує адреси, дивиться на тему й модулі та перевіряє, чи є чим міряти результат.
Що ми міряємо
Скільки адрес у каталозі насправдіКількість карток рахуємо двома методами — картою сайту і штатним пошуком CMS — і звіряємо. Розбіжність означає, що частину товарів пошук не бачить, і після редизайну це списали б на новий дизайн.
Чи прив'язана адреса картки до шляху категоріїГоловна розвилка кошторису. Якщо адреса містить категорію, перебудова меню переписує адреси всього каталогу. На виміряному нами магазині інструменту кожен товар лежить у карті сайту в середньому 3,9 раза під різними шляхами.
Що тримає вітрину, крім темиМодуль фільтра, швидкий перегляд, замовлення в 1 клік, відгуки, віджети месенджерів. Кожен перевіряється на новій темі окремо, і саме з цього складається половина строку.
Вага категорійної сторінки, а не головноїТрафік із пошуку приходить у категорію й картку. У виміряному магазині поливу головна важить 143,6 КБ, а категорія зі 100 товарами — 554 КБ; редизайн міняє саме цю цифру.
Куди йдуть фідиВивантаження на маркетплейс і в Merchant Center посилаються на конкретні адреси товарів. Перелічуємо всі активні фіди до робіт, щоб після переключення теми перевірити кожен.
Чи є чим міряти «до і після»Дивимось, чи живий лічильник і чи налаштовані події кошика й покупки. На виміряному магазині косметики з каталогом 5 561 товар лічильника немає взагалі — там результат переробки нічим підтвердити.
Що ви отримуєте
Перелік адрес каталогу з позначкою тих, які змінювати не можна.
Розвилку кошторису: що коштує перевдягти вітрину і що коштує перебудувати структуру.
Заміри «до»: перша відповідь сервера, вага головної, категорії й картки, стан карти сайту.
Перелік модулів і доробок, які треба перенести на нову тему.
Розмову на 40 хвилин по документу.
Строк: 3–5 робочих днів
Чому це безкоштовно
Бо після виміру частина магазинів отримує іншу відповідь: тема нормальна, а заявки губить чекаут або швидкість категорії. Сказати це до договору чесніше, ніж продати редизайн і не змінити нічого.
Що далі
Після аудиту — кошторис по етапах із датами, окремим рядком роботи зі збереження адрес і фідів. Повторний вимір робимо через два тижні після переключення теми.
Коротка форма: контакт і адреса сайту
Працюємо офіційно
Договір, акт і рахунок — на кожен проєкт, а не тільки на великий. Без документів у вас немає ні прав на роботу, ні підстави провести витрати.
На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня.
02
ФОП і безготівковий розрахунок
Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами.
03
Права й доступи — ваші
Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику оформлюємо на вас.
04
Портал клієнта замість переписки
На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці.
05
Сайти в дев'яти країнах
Наші сайти працюють у дев'яти країнах: крім України — Польща, Німеччина, Австрія, Англія, Норвегія, Болгарія, Молдова, Іспанія.
06
Цифри, які можна перевірити
Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром.
07
Спершу аудит, потім сума
Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази.
08
Кажемо «ні», коли не впевнені
Якщо задача не наша або строк нереальний — скажемо одразу.
01
Договір, акт і гарантія 30 днів
На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня.
02
ФОП і безготівковий розрахунок
Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами.
03
Права й доступи — ваші
Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику оформлюємо на вас.
04
Портал клієнта замість переписки
На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці.
05
Сайти в дев'яти країнах
Наші сайти працюють у дев'яти країнах: крім України — Польща, Німеччина, Австрія, Англія, Норвегія, Болгарія, Молдова, Іспанія.
06
Цифри, які можна перевірити
Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром.
07
Спершу аудит, потім сума
Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази.
08
Кажемо «ні», коли не впевнені
Якщо задача не наша або строк нереальний — скажемо одразу.
NDA підписуємо на запит. Після завершення співпраці наші доступи до ваших сервісів видаляємо самі.
Не знайшли свій випадок?
Опишіть, як це влаштовано у вас, — відповімо, чи підходить «Редизайн інтернет-магазину» і що це означає у вашій ситуації. Без брифу й без дзвінка: одне питання, одна відповідь.
Що впливає на вартість
Чому дві однакові на вигляд задачі рахуються по-різному
Кількість шаблонів, а не сторінокМагазин на десять тисяч адрес живе на шести-семи шаблонах: головна, категорія, картка, кошик, чекаут, інформаційна сторінка. Саме вони рахуються. Каталог впливає не на дизайн, а на обсяг перевірки після робіт.
Чи торкаємось дерева категорійНайбільша розвилка кошторису. Вітрина без зміни структури — передбачувана робота. Нове дерево додає інвентаризацію адрес, карту 301 один в один, перевірку фасетних адрес і повторне вивантаження фідів.
Стан поточної темиКоробкова тема з налаштуваннями переодягається спокійно. Тема з правками в ядрі й купою ocmod вимагає спершу описати, що саме там дороблено, — цей опис і є найменш передбачуваний рядок кошторису.
Кількість модулів у вітриніФільтр, швидкий перегляд, 1 клік, відгуки, підбір аналогів. Кожен втручається у вивід категорії чи картки, тому кожен переноситься й перевіряється окремо. Пʼять модулів — це приблизно тиждень роботи, який до дизайну не має стосунку.
Мовні версії та фідиКожна мова подвоює перевірку шаблонів і правил редиректів. Кожен активний фід — окреме вивантаження, яке після переключення теми звіряється по адресах, цінах і наявності.
Стан аналітики на стартіЯкщо лічильник живий і події працюють, порівняння «до і після» коштує нуль. Якщо аналітики немає, її ставимо на стару тему й чекаємо два-три тижні даних — це зсуває календарний строк, хоч і не збільшує обсяг верстки.
Технології та інтеграції
На чому будуємо і з чим це з'єднується
Стек
OpenCart 3.x і 4.x — переодягаємо тему, каталог і замовлення лишаються в тій самій базі
Шаблони теми (tpl / twig) — правки йдуть у шаблони, а не в ядро: інакше наступне оновлення знесе роботу
ocmod — коли доробку неможливо винести в шаблон; обмеження: два модулі можуть чіплятися за той самий вивід і конфліктувати
OCFilter — фільтр у категоріях; обмеження: фасетні адреси треба закривати canonical, інакше каталог розмножується в індексі
nginx + HTTP/2, gzip і brotli — віддача статики й стиснення розмітки
WebP і відкладене завантаження зображень — головна стаття ваги категорійної сторінки
Cloudflare — кеш і TLS; обмеження: кеш ховає повільний сервер, а не лікує його
dataLayer для GA4 — події кошика й покупки збираються заново на кожному новому шаблоні
Інтеграції
Google Tag Manager
GA4 з подіями електронної торгівлі
Google Search Console
Google Merchant Center
Rozetka
Prom
Meta Pixel
LiqPay
WayForPay
Нова Пошта
Укрпошта
eSputnik
Binotel
Переробка вітрини проти переїзду магазину на іншу платформу
Чим цей варіант відрізняється від альтернативи
Переїзд на іншу платформуНаш підхід
Що з адресами каталогуформуються заново движком, потрібна повна карта відповідностілишаються без змін, якщо не чіпаємо дерево категорій
Що з ідентифікаторами товарівнові, тому фіди й відгуки переносяться окремою роботоюті самі: фіди, відгуки й історія замовлень на місці
Що з даними замовлень і клієнтівпереносяться скриптом і звіряються по контрольних сумахлишаються в базі, нічого не переносимо
Що з технічним боргом платформизакривається разом зі зміною платформилишається: стара версія движка нікуди не подінеться
Коли доречноплатформа обмежує, оновлень немає, потрібні можливості, яких у ній немаєдвижок вас влаштовує, питання до вигляду, зручності й швидкості вітрини
Що потрібно від вас
Без цього не почнемо — краще підготувати заздалегідь
1Доступи до адмінки магазину, хостингу й панелі керування доменом.
2Доступ до GA4 і Search Console — без них незрозуміло, які категорії й картки дають трафік.
3Перелік доробок і модулів, які не можна втратити при зміні теми.
4Кабінети, де живуть фіди: Merchant Center, Rozetka, Prom.
5Дозвіл провести тестове замовлення на живому магазині.
6Логотип у векторі, фірмові кольори й одну людину з правом затвердити макети.
Якщо чогось із цього немає — скажіть, підкажемо, як зібрати або зробимо самі окремою задачею.
Часті питання
Те, що питають найчастіше — з конкретними відповідями
Якщо змінити тільки тему, позиції просядуть?
Коли адреси лишаються, для пошуку це та сама сторінка в новому оформленні, і ризик мінімальний. Ламається зазвичай інше: зникає мікророзмітка, яку віддавала стара тема, важчає категорійна сторінка, відвалюються події аналітики, бо вони були прив'язані до старих селекторів. Тому розмітку й події перезбираємо разом із версткою, а не після скарг. Обіцяти, що видача не ворухнеться, ми не будемо: рішення про позиції ухвалює не підрядник.
Чи можна заодно перебудувати дерево категорій?
Можна, але це інший обсяг робіт, і в кошторисі він стоїть окремим рядком. У більшості магазинів на OpenCart адреса картки містить шлях категорії, тож нове меню переписує адреси всього каталогу разом із фасетними адресами й посиланнями у фідах. На виміряному нами магазині інструменту в карті сайту 25 537 записів на 6 857 унікальних адрес — кожен товар присутній під різними шляхами в середньому 3,9 раза. Перебудова дерева означає карту редиректів на всі ці варіанти, і робити її наосліп не можна.
Що станеться з фідом на Rozetka і в Merchant Center?
Фід посилається на адреси товарів. Поки адреси не змінилися, вивантаження працює далі, але перевіряти його все одно треба: тема впливає на розмітку ціни й наявності, а саме звідти генератор фіда часто бере дані. Якщо адреси змінюються, товари з битими посиланнями йдуть у відхилені, а відхилений товар не показується в товарній видачі жодного разу. Тому вивантаження звіряємо на другий день після переключення теми.
Відгуки й статистика замовлень збережуться?
Так, якщо не чіпати ідентифікатори товарів у базі. Відгуки, історія замовлень і накопичені дані прив'язані саме до них, а не до оформлення. Переробка вітрини в нашому розумінні міняє шаблони й стилі, а таблиці каталогу лишає на місці. Ідентифікатори змінюються лише при переїзді на іншу платформу — і це вже сусідня послуга з іншим кошторисом.
Магазин доведеться зупиняти на час запуску?
Ні. Нова тема збирається на копії, там же проходять тестові замовлення, а переключення на живому магазині — це зміна активного шаблону й скидання кешу. Ставимо його на найтихішу годину доби за вашою аналітикою і тримаємо стару тему готовою до повернення протягом першого тижня. Якщо після переключення щось поводиться не так, відкат займає хвилини, а не робочий день.
Після редизайну магазин стане швидшим?
Залежить від того, за що взятись. Головна рідко буває проблемою, а трафік із пошуку приходить у категорію й картку. У виміряному нами магазині систем поливу головна важить 143,6 КБ, а сторінка категорії зі 100 товарами — 554 КБ; саме друга цифра вирішує, що побачить людина з мобільного інтернету. Тому цільову вагу шаблону категорії фіксуємо до верстки. Чесна межа: наш вимір — це серверна віддача й вага документа, а що відчує конкретний покупець, залежить ще від його пристрою й мережі.
Скільки триває редизайн магазину і що його розтягує?
23–42 робочих дні від затвердження прототипів. Шість етапів: вимір і карта адрес 3–5, прототипи вітрини 3–5, дизайн шаблонів 6–10, збірка теми на копії 7–14, аналітика з фідами й розміткою 2–4, тестування й переключення 2–4. Розтягує строк не дизайн, а модулі: кожен, що втручається у вивід картки чи категорії, переноситься й перевіряється окремо. Магазин із фільтром, швидким переглядом, замовленням в 1 клік і відгуками легко додає до строку тиждень.
У нас немає аналітики — це проблема?
Це означає, що порівняти «до» і «після» буде нічим. Такі магазини трапляються: на виміряному нами каталозі професійної косметики 5 561 товар і жодного лічильника в HTML — ні GTM, ні gtag, ні пікселя. У такому випадку ставимо аналітику на стару тему до початку робіт, збираємо два-три тижні даних і тільки потім переключаємо вітрину. Інакше через місяць після запуску розмова про результат зведеться до вражень.
Так може виглядати ваш магазин у телефоні: банер колекції, популярні товари й кошик, до якого один дотик. Натисніть «Додати в кошик» — лічильник у шапці оновиться, як у справжньому магазині.
Банер колекціїПерший екран показує новинку, а не логотип.
Картки товарівФото, ціна й кнопка — без переходу на окрему сторінку.
Кошик в один дотикЛічильник у шапці оновлюється одразу, як у справжньому магазині.
iЦе демо-інтерфейс, а не магазин клієнта. Живі роботи — в портфоліо.
9:41
SHOP2
Нова колекціяОсінь / ЗимаПереглянути
ПопулярнеВсі товари ›
Худі Essentials1 290 ₴
Рюкзак Urban1 490 ₴
Кепка Classic690 ₴
Футболка Basic590 ₴
Кросівки Street2 390 ₴
Шорти Active890 ₴
Додано в кошикКепка Classic
Оплата карткою1 290 ₴ · успішно
Нова ПоштаТТН створено
Надішліть адресу магазину й одним реченням — що саме у вітрині вас не влаштовує.
У відповідь — заміри вашого каталогу, перелік адрес із позначкою недоторканних і оцінка робіт по етапах із датами. Якщо з цифр вийде, що справа не в темі, ви почуєте це першим листом.
З виміряних кейсів6 486 сторінок товарів і 361 категорія
Прайса на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» у такому разі нічого не пояснює. Спершу безкоштовний аудит — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.