Клінінг · Познань, Польща

Ціна роботи
ще до дзвінка

Клінінгова компанія, чиї клієнти вирішують під тиском. Сайт мав відповісти «скільки», без менеджера, двома мовами і не виходячи за межі GDPR.

Сам, від початку до кінцяUX · UI · ФронтендSEO · Тексти UA/PL2024
The Mopiko homepage: what the company does and the price, with an online calculator
Коротко

Що це було
і що я в ньому робив

Клієнт
Mopiko — клінінгова компанія в Познані, Польща
Аудиторія
Українці та поляки, яким терміново потрібне прибирання, часто у стресі
Моя роль
Дослідження, UX, інтерфейс, фронтенд, тексти (UA/PL), SEO, GDPR, доступність, розгортання — одна людина
Обсяг
Головна, окремий шлях замовлення з живим калькулятором, сторінки послуг, дві мовні версії
Зроблено на
Звичайні HTML, CSS і JavaScript — жодного конструктора, фреймворка чи збірки
Живий сайт
mopiko.pl ↗
Задача

Прибирання не замовляють спокійно
його замовляють, коли гості на порозі

Прибирання шукають під тиском: приїжджають гості, переїзд, кінець ремонту. Довгу сторінку такий відвідувач не читатиме і на дзвінок менеджера не чекатиме — йому потрібні ціна і спосіб замовити, зараз.

Тому в сайту було одне завдання: скоротити шлях від «зайшов» до «написав» і дорогою зняти три страхи, які зупиняють натискання — скільки, що входить, чи можна довіряти.

Рішення

П’ять рішень, які його сформували
і чого коштувало кожне

  1. 01

    Поставити ціну перед формою контакту

    Калькулятор рахує ціну на місці — тип житла, кімнати, санвузли, площа, додатки — а панель «Ваше замовлення» перераховує суму на ходу. Без менеджера в ланцюжку і без «ми повернемось до вас із розрахунком».

    Компроміс. Калькулятор — це обіцянка. Кожне правило в ньому має збігатися зі справжнім прайсом, тому цінову модель довелося зафіксувати з клієнтом ще до першого намальованого екрана — і оновлювати щоразу, коли ціни змінюються.
  2. 02

    Надсилати замовлення одним дотиком, лишивши другі двері

    Готове замовлення відкриває Telegram уже цілком написаним: кімнати, додатки, дата, сума. Три поля — ім’я, телефон, дата, — бо кожне зайве поле коштує конверсії.

    Компроміс. Шлях через месенджер відрізає тих, хто ним не користується, тому поряд працює звичайне «залиште заявку, ми передзвонимо». Два шляхи будувати й підтримувати замість одного.
  3. 03

    Дві мови як два набори сторінок, а не перемикач

    Українська і польська живуть окремими індексованими сторінками, зв’язаними через hreflang, тож Google показує потрібну потрібній людині.

    Компроміс. Перемикач на льоту коштував би частки цієї роботи — і був би невидимий для пошуку. Окремі сторінки подвоїли обсяг текстів і площу, яку треба тримати синхронною: це ціна того, щоб вас знаходили обома мовами.
  4. 04

    Питати згоду раніше, ніж щось міряти

    Банер cookie зі згодою і політика приватності: жодна аналітика не спрацьовує, доки відвідувач не погодиться.

    Компроміс. Це втрачає дані на самому верху воронки — саме ті, яких хоче кожен маркетолог. Альтернатива — ризик штрафу до €20 млн або 4 % обороту за GDPR/RODO, і такий обмін не вартий того.
  5. 05

    Будувати на токенах, викочувати конвеєром

    Колір, шрифт і компоненти сидять на перемикачах в одному місці, тож відтінок бренду міняється на всьому сайті за хвилини. Кожна зміна викочується сама протягом хвилини після відправлення.

    Компроміс. Більше налаштувань до того, як з’явиться щось видиме. Це окупається з першої ж правки — і клієнту можна віддати ключі без договору на обслуговування.
Докази

Який вигляд мають рішення
у робочому продукті

The order flow prices step by step — what to clean, how often, add-ons — while the «Your order» panel keeps the running total in view.
Шлях замовлення рахує крок за кроком — що прибирати, як часто, додатки — а панель «Ваше замовлення» тримає суму на очах.
Three fields at the end: name, phone, date. The order leaves as a fully written Telegram message.
Три поля наприкінці: ім’я, телефон, дата. Замовлення йде повністю написаним повідомленням у Telegram.
An interactive apartment: hovering a room shows exactly what gets cleaned there — the answer to «what's included» without a paragraph of text.
Інтерактивна квартира: наводиш на кімнату — видно, що саме там прибирають. Відповідь на «що входить» без жодного абзацу тексту.
Pricing discounted for regularity, with add-ons priced separately — a proposition, not a price list.
Ціна зі знижкою за регулярність і окремо оцінені додатки — пропозиція, а не прайс.
A before-and-after gallery. Nothing sells cleaning like a visible result.
Галерея «до і після». Ніщо не продає прибирання так, як видимий результат.
Opt-in consent. Analytics stay off until the visitor says yes.
Згода за вибором. Аналітика мовчить, доки відвідувач не скаже «так».
One design system: colour, type and component tokens in a single place.
Одна дизайн-система: токени кольору, шрифту й компонентів в одному місці.
Виміряно

Цифри, за які я відповідаю

64Швидкість
100Доступність
100Найкращі практики
100SEO

Lighthouse 12, мобільний профіль, виміряно на живому сайті 2 серпня 2026 — не переписано з дня запуску. Доступність, найкращі практики і SEO — це сама збірка, вони тримаються на верхівці. Швидкість нижча, ніж на старті: сторінка тепер вантажить 281 кб Google Tag Manager, доданого власником після передання, і це найважче на ній. Краще опублікувати це, ніж приємну цифру річної давнини.

Далі

Подивитися в роботі або спитати, як це зроблено