Fedenko — сайт компанії з прибирання та ремонту

Fedenko — двомовний сайт швейцарської компанії з прибирання та ремонту

Контекст

Fedenko — швейцарська компанія, що пропонує прибирання, зокрема прибирання при виїзді з житла з гарантією прийняття квартири, та внутрішній ремонт у регіоні Цюріха. Сайт працює для швейцарського ринку німецькою (de-CH, основна мова) й англійською (en-CH) та доступний на fedenko.ch.

Запит замовника

• Дві послуги, чітко розділені: прибирання та внутрішній ремонт, кожна зі своєю сторінкою та своїм шляхом заявки.
• Без калькулятора цін і без поля бюджету — це рішення замовника. Форми лише збирають дані, потрібні для розрахунку.
• Заявки, що ведуть до підготовленого повідомлення у WhatsApp.
• На сторінках лише підтверджені замовником факти: жодних вигаданих відгуків, статистики чи гарантій.
• Дизайн-система, яку замовник затвердив до початку розробки.

Що я реалізував

• Німецька й англійська версії сайту (de-CH і en-CH): головна, прибирання, ремонт, про нас, контакти, юридичні сторінки та сторінки подяки, пов’язані через hreflang.
• Два окремі шляхи заявки — на прибирання й на ремонт. Кожен має власний PHP-обробник (CSRF-токен, honeypot-поле, обмеження частоти запитів), який надсилає заявку компанії на пошту.
• Підготовлене повідомлення у WhatsApp: форма показує його попередній перегляд, а сторінка подяки відкриває WhatsApp із вже заповненим підсумком заявки.
• Форма заявки на прибирання без калькулятора цін — короткі кроки-запитання: яке прибирання, який об’єкт, коли і як зв’язатися з клієнтом. Обов’язкові лише тип послуги та контактні поля.
• Розділ зони обслуговування, побудований на підтвердженому замовником списку громад.
• Розділ-гайд із шістьма статтями кожною мовою: чекліст здачі квартири, від чого залежить вартість прибирання при виїзді, гарантія прийняття квартири, підготовка до фарбування, етапи ремонту ванної та хто платить за ремонт орендованої квартири.
• Затверджений замовником дизайн, реалізований через CSS design tokens, з перевіркою контрасту кольорів скриптом за WCAG AA та посиланням «перейти до змісту».
• SEO-основа: canonical-адреси, hreflang (de-CH, en-CH, x-default), sitemap.xml і структуровані дані JSON-LD.
• Банер cookie з Google Consent Mode v2: аналітика завантажується лише після згоди відвідувача. До запуску налаштовано GA4, Search Console і Bing Webmaster Tools.
• Автоматичний деплой на спільний хостинг: кожен push у гілку main публікується через GitHub Actions.
• Підтримка запуску: верифікований профіль Google Business Profile і пошукова рекламна кампанія, запущена після виходу сайту в онлайн (бюджети та результати не публікуються).

Технології

HTML5, CSS3 з design tokens, Bootstrap 5, чистий JavaScript і PHP (PHPMailer) для обробників форм. Без фреймворка та збирача; зображення віддаються у форматах AVIF і WebP із запасними варіантами.

Моя роль

Я виконав усю розробку: верстку затвердженого дизайну, структуру німецької й англійської версій, PHP-обробники форм, SEO, аналітику та налаштування деплою.

Результат і поточний стан

Сайт працює на fedenko.ch німецькою та англійською, з окремою сторінкою й шляхом заявки для прибирання та для ремонту. Результати трафіку, заявок і реклами не публікуються.