КейсКорпоративний сайтРозробкаІнтеграція з CRM5 мов

Capital Empire.

Новий сайт бухгалтерської компанії в Лондоні, яка працює з клієнтами п’ятьма мовами. Замість важкого застарілого сайту зробив лендинг: темно-золотий бренд, власні віджети, п’ять мовних версій і заявки, які одразу потрапляють у Kommo CRM з мовою клієнта.

КлієнтCapital Empire, бухгалтерія та податки, Лондон
ЗавданняНовий сайт п’ятьма мовами, який приводить заявки
РольСтруктура, тексти, дизайн, розробка, SEO
СтекWordPress, Elementor, Polylang, JS, Kommo CRM

Бухгалтерія мовою клієнта, заявка одразу в CRM

5 мовВласні віджетиKommo CRMSEO
5мов: EN, UA, RU, RO і LT, у кожної версії свої тексти та SEO
6власних віджетів на HTML, CSS і JS поверх Elementor
1форма — і в Kommo одразу створюється угода з мовою клієнта
15сторінок: головна, 404 і політика конфіденційності кожною мовою
Було

Старий сайт бухгалтерської компанії, який важко розвивати

Клієнти Capital Empire приходять із конкретною проблемою: лист від HMRC, дедлайн, допомога. Старий сайт був зібраний на шаблоні зі слайдером і стоковим Лондоном і майже нічого не говорив про те, як компанія вирішує ці задачі.

×Шаблонний дизайн, який не передає рівень компанії
×Немає зрозумілого шляху від проблеми клієнта до консультації
×Сайт розрісся до десятків гігабайт, його важко розвивати
Стало

Лендинг, який говорить мовою клієнта

1Брендтемно-синій і золото, строгий і дорогий образ
2Болі клієнташтраф HMRC, VAT, дедлайни прямо на перших екранах
3Довірареальні кейси, цифри, рейтинг 4.9 і команда
45 мовEN, UA, RU, RO, LT на Polylang
5Заявки в CRMугода в Kommo з мовою, яку обрав клієнт
6SEOзаголовки, описи та hreflang для кожної версії
01Структура

Від «у мене проблема» до консультації

До бухгалтера приходять із тривогою: прийшов лист від HMRC, горить дедлайн, незрозуміло, скільки платити. Тому сторінка спершу показує, що ці ситуації знайомі, потім доводить, що компанія з ними справляється, і лише потім просить залишити заявку.

УВАГАХто і для кого
  • Перший екранзаголовок, що друкується, і форма
  • Цифри й рейтингроки досвіду, клієнти, 4.9
ІНТЕРЕСЦе про мене
  • Знайомі ситуації5 типових болей
  • Що ви отримуєте5 переваг
РІШЕННЯВони вже вирішували
  • Реальні кейсицифри до і після
  • Послуги6 напрямів, від LTD до допомог
ДОВІРАХто працюватиме
  • Як ми працюємо3 кроки
  • Командаслайдер із фото і ролями
ДІЯКонсультація
  • Фінальний блок«Штраф. Податки. Віза. Вирішимо за вас.»
  • Липка панелькнопка завжди під рукою
02Власні віджети

Не шаблон Elementor

Стандартні блоки конструктора не давали потрібної якості, тому ключові елементи написані вручну на HTML, CSS і JS і вбудовані в Elementor. Їх можна редагувати в адмінці, а виглядають і працюють вони як на індивідуальній верстці.

01 · HERO

Заголовок, що друкується

Ключове слово в H1 змінюється з ефектом друку. Розмір рахується через clamp() і container query, тому рядок не стрибає на жодному екрані й жодною мовою.

02 · ДОВІРА

Лічильники й рейтинг

Цифри набігають, коли блок з’являється на екрані. Поруч рейтинг і аватари клієнтів, щоб довіра з’являлася ще до першого скролу.

03 · КЕЙСИ

Історії в модальному вікні

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

04 · КОМАНДА

Слайдер зі свайпом

Тринадцять фахівців із фото і ролями. На телефоні гортається пальцем, на десктопі стрілками, без важких бібліотек.

05 · НАВІГАЦІЯ

Липкий хедер і мобільне меню

Хедер залишається зверху і ущільнюється при скролі. На телефоні меню виїжджає збоку, а перемикач мов із прапорами завжди під рукою.

06 · КОНВЕРСІЯ

Панель консультації та години роботи

Панель із кнопкою виїжджає знизу, коли людина дочитала перший екран. У футері графік роботи сам показує, чи відчинений офіс просто зараз за лондонським часом.

03П’ять мов

Англійська, українська, російська, румунська і литовська

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

Переклад через Polylang, тексти й SEO налаштовані для кожної версії окремо
Перемикач мов із прапорами в шапці та в мобільному меню
04Заявки

Заявка одразу в Kommo, з мовою клієнта

Форма на сайті створює угоду в Kommo CRM. Менеджер бачить не лише ім’я і телефон, а й мову, якою людина читала сайт, і одразу відповідає так, як клієнту зручно.

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

Навіть 404 продає консультацію

Крім головної зробив службові сторінки всіма п’ятьма мовами. Помилка 404 оформлена в стилі бренду, жартує про HMRC і одразу пропонує повернутися на головну або отримати консультацію.

404 п’ятьма мовами з кнопками «На головну» і «Отримати консультацію»
П’ять нових сторінок політики конфіденційності замість старих
5 версійГоловна

Лендинг із власними віджетами і формою, яка відправляє заявку в Kommo CRM.

5 версійСторінка 404

У фірмовому стилі, з підказками, куди перейти далі.

5 версійПолітика конфіденційності

Нові сторінки кожною мовою, зверстані в одному стилі з сайтом.

ГотовоSEO

Заголовки й описи для кожної версії, hreflang між мовами, усі сторінки в зеленій зоні SEO.

06Живий проєкт

Подивитися сайт Capital Empire

Відкрийте лендинг, перемкніть мову і подивіться, як сторінка веде від проблеми до консультації.