Моя роль: Full-stack розробник (або Web-розробник / Elementor Expert).
Стек технологій: WordPress, Elementor Pro, HTML5, CSS3 (Custom CSS), JavaScript, SVG-анімації, оптимізація швидкості (WP Rocket / Perfmatters).
Про процес та реалізацію роботи:
Сайт створено як високоефективний інструмент лідогенерації для складної SaaS-платформи. Головним завданням було передати інноваційність продукту (AI, аватари, генерація відео) через інтерфейс та забезпечити високу швидкість завантаження попри велику кількість медіаконтенту.
Структура та модульність (Elementor): Сайт побудований на базі Elementor Pro з використанням методології багаторазових компонентів (Global Widgets & Templates). Це дозволяє клієнту легко масштабувати сайт, створювати нові посадкові сторінки (Landing Pages) для маркетингових кампаній у єдиному дизайн-коді за лічені хвилини.
Кастомізація кодом: Щоб вийти за рамки стандартних можливостей конструктора та реалізувати унікальні дизайн-рішення (складні сітки, інтерактивні елементи, специфічні ефекти при наведенні), було інтегровано значний обсяг кастомного CSS та JavaScript.
Робота з медіаконтентом (Відео та Шорткати): Оскільки Elai.io — це відеоплатформа, на сайті реалізовано безшовну інтеграцію фонових відео, демонстрацій інтерфейсу та прев'ю без втрати продуктивності. Налаштовано ліниве завантаження (lazy loading) та правильне кешування важких елементів.
Інтеграції та Конверсія: Інтегровано форми захоплення лідів, кастомні поп-апи, підключено аналітику та налаштовано передачу даних (webhooks) до внутрішньої CRM/SaaS системи для безшовної реєстрації користувачів.
Адаптивність та UI/UX: Проведено глибоку оптимізацію під мобільні пристрої та планшети (Pixel Perfect). Кожен блок Elementor адаптований для коректного відображення на будь-яких екранах.
Моя роль: Web-розробник / Elementor Expert.
Стек технологій: WordPress, Elementor Pro, Custom Post Types (CPT), Advanced Custom Fields (ACF), HTML5, CSS3, JavaScript, інструменти оптимізації швидкості та SEO.
Про процес та реалізацію роботи:
Головним завданням було створення солідного, інтутивно зрозумілого B2B-порталу для європейського ринку, який би ефективно презентував каталог важкої будівельної та складської техніки (навантажувачі, екскаватори тощо). Сайт мав поєднувати корпоративну строгість, високу інформативність та зручність вибору техніки.
Архітектура каталогу (Динамічний контент): Оскільки це каталог техніки, замість створення сотень статичних сторінок вручну, я реалізував структуру на базі Custom Post Types та ACF. За допомогою Elementor Theme Builder було створено універсальні динамічні шаблони для карток товарів та категорій. Клієнту достатньо просто заповнити характеристики техніки в адмінці, а Elementor автоматично рендерить сторінку у фірмовому стилі.
Кастомні B2B-функції: Реалізовано зручну систему фільтрації та сортування техніки за технічними параметрами (вантажопідйомність, тип двигуна тощо). Оскільки сайт працює як онлайн-вітрина без прямої покупки, розроблено кастомні форми Elementor для запиту комерційних пропозицій (RFQ), які інтегровані з CRM.
Кастомізація кодом та UI: Для відповідності суворому промисловому брендингу Lonking було написано значний обсяг кастомного CSS. Створено інтерактивні таблиці технічних характеристик, які адаптуються під мобільні пристрої, та кастомні галереї для детального огляду техніки.
Оптимізація та Швидкість: Специфіка сайту передбачає велику кількість важких зображень техніки та PDF-специфікацій. Проведено глибоку оптимізацію: конвертація зображень у формат WebP, налаштування відкладеного завантаження (lazy loading) та мініфікація стилів Elementor для досягнення високих показників у Google PageSpeed Insights.
Адаптивність: Особливу увагу приділено мобільній версії (Pixel Perfect), оскільки потенційні клієнти (виконроби, закупники) часто переглядають техніку безпосередньо з будівельних майданчиків.
Моя роль: Web-розробник / Elementor Expert.
Стек технологій: WordPress, Elementor Pro, Custom Post Types (CPT), Advanced Custom Fields (ACF), JetEngine (або аналогічні плагіни фільтрації та динамічного контенту), HTML5, CSS3, JavaScript, WPML / Polylang (для мультимовності), інструменти оптимізації.
Про процес та реалізацію роботи:Головною метою проєкту було створення центрального європейського хабу для Sinotec Group, що презентує широкий спектр продукції — від міні-екскаваторів та навантажувачів до вантажних та електричних автомобілів. Сайт мав стати не просто візитівкою, а потужним інструментом лідогенерації для B2B-клієнтів та дилерів по всій Європі.
Динамічна архітектура та Каталог товарів: Оскільки бренд пропонує понад 100 моделей техніки з різними технічними параметрами, я побудував гнучку систему на базі кастомних типів записів (CPT) та ACF. Завдяки шаблонам Elementor Theme Builder створено універсальні динамічні сторінки для спецтехніки. Вся інформація (від вантажопідйомності до місткості ковша) підтягується автоматично, що спрощує адміністрування.
Складна система фільтрації та пошуку: Було реалізовано інтерактивну та швидку систему фільтрації техніки за категоріями, брендами та технічними характеристиками, що критично важливо для зручності B2B-клієнтів, які шукають конкретні індустріальні рішення.
Мультимовність та Гео-налаштування: Команда Sinotec працює в багатьох країнах Європи (Іспанія, Польща, Угорщина, Франція тощо). На сайті реалізовано коректну структуру для локальних ринків, адаптовано контактну інформацію та представництва (Store Locator / інтерактивні карти філій).
Кастомізація UI кодом: Промисловий дизайн вимагав чіткості та солідності. За допомогою кастомного CSS/JS були доопрацьовані складні таблиці технічних специфікацій, інтерактивні блоки порівняння, таби та медіа-галереї, які за умовчанням в Elementor відображалися стандартно.
Конверсія та Оптимізація: Інтегровано кастомні форми Elementor для запиту комерційних пропозицій (RFQ), замовлення оригінальних запчастин, сервісного обслуговування чи завантаження технічних каталогів у форматі PDF. Проведено стиснення масивного медіа-контенту, аби важкі фото великих машин завантажувалися миттєво на будь-яких пристроях.
SINOAUTO — спеціалізований імпортер та дистриб'ютор китайських автомобілів на альтернативних видах палива (NEV) на європейському ринку
Редактор Elementor
Магазин на базі Woocomerce
Редактор Elementor
Підключена онлайн оплата liqpay
