Мета
B2B‑ліди (заявки/консультації), сильне SEO, швидка індексація в Google, високі метрики швидкості та доступності.
Обсяг робіт
• Проектування структури (IA), контент‑моделей та URL‑карти.
• Дизайн у Figma (мінімалізм, outdoor+безпека), UI‑кит, прототипи.
• Розробка на WordPress + Elementor Pro (легка тема Hello/кастомна блок‑тема).
• Мультимовність uk/en/ru.
• Форми з інтеграцією в пошту/CRM.
• SEO‑налаштування, Schema.org, аналітика (GTM/GA4).
• Оптимізація швидкості/Core Web Vitals, доступність WCAG 2.1 AA, безпека.
• Деплой (staging → production), короткий гайд для редакторів.
Дизайн/Адаптивність
Адаптивна верстка mobile‑first з брейкпойнтами 1440 / 1024 / 768 / 390–360 px; на мобайлі весь функціонал доступний; тач‑таргети ≥ 44×44 px; базовий розмір шрифту ≥ 16 px; зображення responsive (srcset/sizes).
Структура
Головна; Про компанію; Послуги; Портфоліо (кейси з фільтрами тип/країна/рік); Партнерство/Бізнес‑план; Блог/Новини; Контакти.
Системні: 404, 500, Політика конфіденційності, Cookie, Умови.
CTA: «Замовити консультацію» (хедер/футер/модалка).
Контент‑моделі (CPT + ACF)
• Services — описи, переваги, галерея, FAQ, SEO.
• Projects — тип/країна/рік, ТТХ (довжина, перепад, пропускна, вага, лінії, гальмування), галерея/відео, етапи, координати, відгук, SEO.
• Testimonials, Articles/Blog, FAQ, Leads (заявки).
Мультимовність
WPML (перевага) / Polylang Pro; локалі uk (дефолт), en, ru. URL /uk|/en|/ru, hreflang + canonical. Заборона публікації без ключових перекладів.
SEO та аналітика
• Rank Math (перевага) / Yoast: метадані, sitemap, robots, breadcrumbs.
• Schema.org (JSON‑LD): Organization, Service, Project, Article, Breadcrumb.
• Open Graph / Twitter Cards.
• GTM4WP + GTM + GA4 (події: lead_submit, cta_click, filter_change, search, media_open).
• Підключити Search Console.
Форми та інтеграції
Fluent Forms Pro / Gravity Forms: reCAPTCHA v3, honeypot, rate‑limit; email (sales@…), webhook в CRM (HubSpot/Pipedrive/ін.), лог відправок, сторінка «Дякуємо».
Пошук та фільтри
Relevanssi (індексація заголовків/ACF/таксономій).
Фільтри портфоліо без перезавантаження: FacetWP (перевага) / JetSmartFilters; чисті URL‑параметри.
Карти та медіа
Mapbox/Google Maps (SDK по кліку).
ShortPixel/Imagify (WebP/AVIF), коректні srcset/sizes, лейзі‑лоад.
Відео — постер + завантаження плеєра по кліку.
Продуктивність (KPI)
• PageSpeed (моб.) ≥ 90 на ключових сторінках.
• LCP ≤ 2.5 с, INP ≤ 200 мс, CLS ≤ 0.10, TTFB ≤ 0.3 с.
• Перший JS ≤ 250 КБ (gzip), HTML ≤ 50 КБ, hero‑зобр. ≤ 300 КБ, стартова ≤ 1.5 МБ.
• WP Rocket / LiteSpeed Cache; Cloudflare CDN + APO; Redis (якщо доступно); Perfmatters/Asset CleanUp (відключення зайвих скриптів).
• Elementor: Flexbox Containers, Optimized DOM, Load Widgets on Demand, Inline Icons, Lazy BG; локальні шрифти (1–2 сімейства, 2–3 начертання, font‑display: swap), critical CSS для hero, Delay JS.
Доступність
WCAG 2.1 AA: контрасти, фокуси, alt/aria, валідна ієрархія заголовків, доступні модалки.
Безпека та резервні копії
HTTPS, HSTS, TLS 1.2+, строгі 301.
Заголовки: CSP, X‑Frame‑Options, X‑Content‑Type‑Options, Referrer‑Policy, Permissions‑Policy.
Wordfence/iThemes Security, WP 2FA, Headers; reCAPTCHA v3; UpdraftPlus (день/тиждень/місяць); Cloudflare WAF; IP‑allowlist /wp‑admin (якщо можливо).
GDPR/UK GDPR: Complianz (Consent Mode v2), політики, процес DSR.
Хостинг
Продуктивний WP‑хостинг з об'єктним кешем/Redis та CDN (Kinsta/WP Engine/Cloudways + Cloudflare). Staging + Production.
Приймання
• Lighthouse (моб/десктоп) по 5 ключовим сторінкам ≥ 90.
• На роздільностях 390×844, 360×800, 768×1024 — немає горизонтального скролу/перекриттів.
• Перевірка SEO/Schema/hreflang; форми (валидація/reCAPTCHA/webhook/email/лог); пошук/фільтри; карта; безпека/заголовки; доступність чек‑ліст.
Що надіслати в відповіді
1) 3+ кейси WP+Elementor з PageSpeed моб ≥ 90 (посилання + скріншоти Lighthouse).
2) План робіт, терміни/вартість по етапах; перелік плагінів/ліцензій (хто оплачує).
3) Рекомендації по хостингу/CDN.
4) Гарантійний термін та умови постпідтримки (SLA).
Нефункціональні вимоги
Код‑стайл та архітектура сумісні з подальшим розвитком без «vendor‑lock» на конкретного виконавця.
Мінімум плагінів; кожен новий — обґрунтування. Без «неліцензованих» збірок.
Ліцензії Pro‑плагінів оформлюються на замовника (акаунти передаються).
Примітка
Якщо у вас є обґрунтована альтернатива окремим інструментам (наприклад, Polylang Pro замість WPML, Gravity Forms замість Fluent, ImageKit замість Cloudflare APO) — наводьте порівняння по швидкості, вартості та підтримці. Фінальний стек узгодимо до старту.
Сайт аналог: rope-park. com