Редизайн інтернет-магазину: нова вітрина на старих адресах
Редизайн магазину — це заміна шаблонів вітрини на каталозі, який уже працює: у нього є адреси карток, вивантаження на маркетплейси, відгуки й накопичена статистика замовлень. Дизайн тут рідко буває найдорожчою частиною. Дорожче обходиться дерево категорій: у більшості магазинів на OpenCart адреса картки містить шлях категорії, тому «спрощення меню» тихо переписує адреси всього каталогу разом із посиланнями у фідах. Тому починаємо з інвентаризації адрес, а вже потім малюємо. Строк — 23–42 робочих дні. Вартість називаємо після безкоштовного аудиту, коли побачимо, скільки в каталозі адрес і скільки модулів тримають вітрину.
25 537 записів у карті сайту на 6 857 унікальних адрес, вимір 31.07.2026
Наш вимір
31.07.2026
Скільки адрес може ховатися за одним товаром
25 537 записів у карті сайту на 6 857 унікальних адрес, вимір 31.07.2026
Вага, яка вирішує, а не вага головної
категорія зі 100 товарами — 554 КБ HTML при головній 143,6 КБ
Норма карти сайту після робіт
123 адреси, нуль дублів — виміряний зразок із нашої вибірки
Показники зняті нашим виміром на живих сайтах відповідного масштабу.
після безкоштовного аудиту
Вартість
30
Гарантія
днів після підписання акта
25 537
Скільки адрес може ховатися за одним товаром
записів у карті сайту на 6 857 унікальних адрес, вимір 31.07.2026
категорія зі 100 товарами — 554 КБ HTML при головній 143,6 КБ
Вага, яка вирішує, а не вага головної
123
Норма карти сайту після робіт
адреси, нуль дублів — виміряний зразок із нашої вибірки
23–42
Строк
робочих дні, шість етапів
безкоштовний аудит магазину, 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 днів
1
Вимір і карта адрес
3–5 робочих днів
Рахуємо каталог двома методами, знімаємо швидкість і вагу головної, категорії й картки, перелічуємо модулі та активні фіди. На виході — документ, за яким рахується кошторис.
2
Прототипи вітрини
3–5 робочих днів
Скелети категорії, картки й чекауту: де стоїть фільтр, що видно в картці до прокручування, скільки кроків до підтвердження замовлення. Правити тут коштує години.
3
Дизайн шаблонів
6–10 робочих днів
Головна, категорія, картка, кошик, чекаут у вашій айдентиці. Тут же фіксуємо цільову вагу категорійної сторінки — цифрою в документі, а не побажанням.
4
Збірка теми на копії
7–14 робочих днів
Верстка шаблонів, перенесення модулів вітрини, налаштування фільтра, перевірка кошика й чекауту. Усе це на копії магазину, живий сайт працює як працював.
5
Аналітика, фіди, розмітка
2–4 робочих дні
Події електронної торгівлі під нові шаблони, Product і BreadcrumbList у розмітці, вивантаження на маркетплейс і в Merchant Center, карта сайту без дублів.
6
Тестове замовлення й переключення
2–4 робочих дні
Наскрізний прогін замовлення на кожному способі оплати, перевірка правил редиректів, переключення теми в найтихішу годину доби, повторний вимір через два тижні.
Безкоштовний аудит магазину перед редизайном
Перед макетами треба знати, що в магазині чіпати не можна. Тому аудит рахує адреси, дивиться на тему й модулі та перевіряє, чи є чим міряти результат.
Що міряємо
Скільки адрес у каталозі насправдіКількість карток рахуємо двома методами — картою сайту і штатним пошуком CMS — і звіряємо. Розбіжність означає, що частину товарів пошук не бачить, і після редизайну це списали б на новий дизайн.
Чи прив'язана адреса картки до шляху категоріїГоловна розвилка кошторису. Якщо адреса містить категорію, перебудова меню переписує адреси всього каталогу. На виміряному нами магазині інструменту кожен товар лежить у карті сайту в середньому 3,9 раза під різними шляхами.
Що тримає вітрину, крім темиМодуль фільтра, швидкий перегляд, замовлення в 1 клік, відгуки, віджети месенджерів. Кожен перевіряється на новій темі окремо, і саме з цього складається половина строку.
Вага категорійної сторінки, а не головноїТрафік із пошуку приходить у категорію й картку. У виміряному магазині поливу головна важить 143,6 КБ, а категорія зі 100 товарами — 554 КБ; редизайн міняє саме цю цифру.
Куди йдуть фідиВивантаження на маркетплейс і в Merchant Center посилаються на конкретні адреси товарів. Перелічуємо всі активні фіди до робіт, щоб після переключення теми перевірити кожен.
Чи є чим міряти «до і після»Дивимось, чи живий лічильник і чи налаштовані події кошика й покупки. На виміряному магазині косметики з каталогом 5 561 товар лічильника немає взагалі — там результат переробки нічим підтвердити.
Що ви отримуєте на руки
Перелік адрес каталогу з позначкою тих, які змінювати не можна.
Розвилку кошторису: що коштує перевдягти вітрину і що коштує перебудувати структуру.
Заміри «до»: перша відповідь сервера, вага головної, категорії й картки, стан карти сайту.
Перелік модулів і доробок, які треба перенести на нову тему.
Розмову на 40 хвилин по документу.
Строк: 3–5 робочих днів
Чому це безкоштовно
Бо після виміру частина магазинів отримує іншу відповідь: тема нормальна, а заявки губить чекаут або швидкість категорії. Сказати це до договору чесніше, ніж продати редизайн і не змінити нічого.
Що далі
Після аудиту — кошторис по етапах із датами, окремим рядком роботи зі збереження адрес і фідів. Повторний вимір робимо через два тижні після переключення теми.
Форма коротка: контакт і адреса сайту
Працюємо офіційно
Договір, акт і рахунок — на кожен проєкт, а не тільки на великий. Без документів у вас немає ні прав на роботу, ні підстави провести витрати.
Договір, акт і гарантія 30 днів
На кожен проєкт письмовий договір: обсяг, строки, сума, порядок приймання. Після здачі — акт і рахунок, а далі 30 календарних днів гарантії: помилки з нашої вини усуваємо безоплатно. Усне з дзвінка дублюємо письмово того ж дня — домовленість, якої немає в тексті, не рахується.
ФОП і безготівковий розрахунок
Виконавець — зареєстрований ФОП. Оплата на рахунок із закривними документами, які бухгалтерія проведе як витрати. Курс для гривневої оплати фіксується договором, а не з’ясовується постфактум.
Права й доступи — ваші
Код, дизайн і матеріали переходять до вас після повної оплати. Домен, хостинг, репозиторій, аналітику й рекламні кабінети оформлюємо на вас — щоб сайт не залежав від підрядника. NDA підписуємо на запит, після завершення свої доступи видаляємо самі.
Портал клієнта замість переписки
На час роботи ви отримуєте доступ до порталу: договори, рахунки, акти й стан проєкту в одному місці. Документи формуються з даних угоди, тому реквізити й суми в них не розходяться, а про оплати й дедлайни нагадує система, а не пам’ять менеджера.
Замовники з Європи
Серед робіт — проєкти для Норвегії, Болгарії та Іспанії: болгарський магазин трьома мовами з кур’єрською доставкою, іспанський з оплатою карткою й переказом, норвезький сайт клініки. Це видно в портфоліо, а не тільки в описі.
Цифри, які можна перевірити
Кожен кейс у портфоліо — з посиланням на живий сайт і технічним виміром: швидкість відповіді, вага сторінки, обсяг каталогу, знайдені дефекти. Ці цифри можна зняти самому й звірити з нашими.
Спершу аудит, потім сума
Прайсу на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» нічого не пояснює. Спершу безкоштовний розбір — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.
Кажемо «ні», коли не впевнені
Якщо задача не наша, строк нереальний або послуга вам просто не потрібна — скажемо це першим листом, а не після передоплати. Гарантій позицій у пошуку не даємо: їх не дає ніхто, а обіцянка без механізму — це продаж, а не робота.
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, ні пікселя. У такому випадку ставимо аналітику на стару тему до початку робіт, збираємо два-три тижні даних і тільки потім переключаємо вітрину. Інакше через місяць після запуску розмова про результат зведеться до вражень.
Надішліть адресу магазину й одним реченням — що саме у вітрині вас не влаштовує.
У відповідь — заміри вашого каталогу, перелік адрес із позначкою недоторканних і оцінка робіт по етапах із датами. Якщо з цифр вийде, що справа не в темі, ви почуєте це першим листом.
Прайса на сайті немає навмисно: обсяг тієї самої роботи у двох клієнтів відрізняється в рази, і цифра «від» у такому разі нічого не пояснює. Спершу безкоштовний аудит — рахуємо ваші сторінки, дублі й швидкість, — потім називаємо суму й строк і фіксуємо їх у договорі.