20 000 UAH
79 ставок
є сайт
https://perfect-okna.com.ua/
основні проблеми:
АНАЛІЗ ШВИДКОСТІ ЗАВАНТАЖЕННЯ (Performance)
Ключові проблеми (типові для таких сайтів):
· Великі неоптимізовані зображення (JPEG/PNG без стиснення, немає WebP).
· Відсутність lazy loading для картинок у каталозі.
· Не мініфіковані CSS/JS, підключено багато непотрібних бібліотек.
· Немає кешування на рівні браузера, не використовується CDN.
· Сервер не віддає стиснення (gzip/brotli).
· Не використовується HTTP/2.
Чек-лист «Швидкість»:
· Стиснути всі зображення, перевести в WebP та додати fallback.
· Налаштувати леніве завантаження зображень (loading="lazy").
· Мініфікувати HTML, CSS, JS. Об'єднати файли, де це доречно.
· Увімкнути Gzip/Brotli на сервері.
· Налаштувати кеш-заголовки (Cache-Control, Expires) для статики.
· Підключити CDN (Cloudflare безкоштовно).
· Видалити зайві плагіни/скрипти (особливо якщо WordPress).
· Використовувати асинхронне завантаження для некритичних скриптів (async/defer).
На головній часто немає чіткої структури «хто ми – що пропонуємо – чому обрати нас – як замовити».
· Конструктор вікон (якщо є) може бути заплутаним, без підказок, не видно фінальної ціни одразу.
· На мобільних пристроях меню може з'їжджати, калькулятор не адаптований під пальці.
· Форми зворотного зв'язку довгі, без маски телефону, без валідації.
· Немає «швидких дій»: подзвонити в один клік, месенджери, чат.
· Відсутність «хлібних крихт» на внутрішніх сторінках.
· Зробити мобільну версію без горизонтального скролу, кнопки не менше 48x48 px.
· На головній додати одразу калькулятор ціни «за 3 кліки».
· У шапці – номер телефону клікабельний (tel:), месенджери (Viber/Telegram) з іконками.
· Форми: лише ім'я + телефон + поле «коментар» (не обов'язкове). Маска для телефону.
· Додати плаваючу кнопку «Швидке замовлення / Розрахувати вартість» на мобільному.
· На картках товару – кнопка «Купити в 1 клік» (відкривається міні-форма).
· Додати «хлібні крихки», покращити навігацію по розділах.
· Перевірити контраст тексту, розмір шрифтів (не менше 14 px на мобільному).
· Немає термінової пропозиції (акції з обмеженням у часі).
· Недостатньо соціальних доказів (відгуки, відеоогляди, кількість виконаних робіт).
· Не пояснюється, що ціна "під ключ" (монтаж, доставка, демонтаж).
· Немає CTA (заклику до дії) на кожному екрані.
Додати «лічильник» – скільки клієнтів вже обрали, скільки вікон встановлено.
· Відео-відгуки реальних клієнтів (короткі, на 30–60 сек).
· Блок «Розрахувати за 30 секунд» прямо в першому екрані.
· Показати ціну «під ключ»: вікно + монтаж + доставка, з прозорою розшифровкою.
· Акції з таймером: «Знижка -15% при замовленні до кінця тижня».
· Спливаюче вікно з пропозицією безкоштовного заміру, коли користувач намагається закрити вкладку.
Що зробити:
· Інтерактивний 3D конфігуратор вікна (зміна кольору, відкривання, склопакет) – про це далі.
· Міні-гра або тест: «Яке вікно підходить для вашої квартири?»
· Кейси: фото «до/після» в реальних інтер'єрах.
· Гайди: «Як вибрати вікна для шумної вулиці», «Енергозбереження: який склопакет обрати».
· Калькулятор економії на опаленні після заміни вікон.
Терміново (Critical)
1. Мобільна адаптація всього сайту, особливо конструктора та кошика.
2. Прискорити завантаження: стиснення картинок, кешування, CDN.
3. Кнопка швидкого замовлення (One Click Buy) на всіх картках товарів.
Спливаючий чат з можливістю залишити повідомлення у Viber/Telegram.
5. Валідний HTTPS та редирект з HTTP → HTTPS всіх сторінок.
6. Мікророзмітка Schema.org (Organization, Product, BreadcrumbList, Review).
Важливо (High)
1. Оновити головну: додати УТП, акції, відео, швидкий калькулятор.
2. Сторінка «Акції» з таймером, що оновлюються щомісяця.
3. Форма зворотного дзвінка – проста, з маскою та автоматичною підстановкою коду міста.
4. Підключення CRM (наприклад, amoCRM / Bitrix24) для автоматичного підхоплення лідів.
5. Додати онлайн-оплату (LiqPay, WayForPay) хоча б передоплату за замір.
6. SEO-структура URL: /produkciya/plastikovi-vikna/, а не /?page_id=123.
Бажано (Medium)
1. Розширити блог статтями під ключові запити (5 статей одразу).
2. Інтерактивний конструктор з 3D-переглядом (окремий блок нижче).
3. Фільтр продукції за характеристиками (розмір, профіль, колір, ціна).
4. Персональний кабінет клієнта, де можна бачити статус замовлення.
5. Генерація PDF-комерційної пропозиції прямо на сайті.
ЯК ПОКРАЩИТИ КОНСТРУКТОР (Конфігуратор вікон)
Якщо зараз це звичайна форма з випадаючими списками – це застаріло. Потрібен сучасний 3D-конструктор:
Обов'язкові фішки:
· Покроковий майстер (wizard): 1) вибір кімнати, 2) розміри, 3) кількість стулок, 4) колір, 5) склопакет, 6) фурнітура, 7) москітна сітка.
· Миттєвий перерахунок ціни на кожному кроці (AJAX).
· 3D-візуалізація (Three.js або готовий js-фреймворк).
· Збереження обраної конфігурації в PDF (генерація на сервері) та відправка на e-mail.
· Кнопка «Відправити прорахунок менеджеру» – і в CRM летить картка з усіма параметрами.
· Можливість поділитися посиланням на свою конфігурацію (наприклад, щоб відправити чоловіку/дружині).
· Повна адаптація під тач-жести (свайп для обертання 3D-моделі на телефоні)
ЦІна договірна!
Dribbble
