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

Capital Empire.

Новый сайт бухгалтерской компании в Лондоне, которая работает с клиентами на пяти языках. Вместо тяжёлого устаревшего сайта сделал лендинг: тёмно-золотой бренд, свои виджеты, пять языковых версий и заявки, которые сразу падают в Kommo CRM с языком клиента.

КлиентCapital Empire, бухгалтерия и налоги, Лондон
ЗадачаНовый сайт на 5 языках, который приводит заявки
РольСтруктура, тексты, дизайн, разработка, 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

Откройте лендинг, переключите язык и посмотрите, как страница ведёт от проблемы к консультации.