Лендинг сайт для аутсорсинга

Клиент: аутсорсинговая компания по предоставлению бухгалтерский и юридических услуг

Задача: современный дизайн с минимальной анимацией, больше карточек с ценами, отзывы, форма заявки. Цель увеличение конверсии по целевому действию (отправка заявки, звонок)

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

Ключевые этапы реализации:

Анализ ЦА и конкурентов – изучили, что важно клиентам бухгалтерских услуг: прозрачность цен, доверие, быстрая связь.

Прототипирование – сделали упор на карточки с тарифами (3–4 пакета услуг), блок отзывов с фото реальных клиентов и заметную форму заявки в каждом блоке.

Дизайн – минималистичная сетка, спокойная цветовая гамма (синий/бирюзовый + серый/белый), микрокнопки и плавный ховер вместо тяжелой анимации.

Верстка на Tilda – использовали Zero Block для кастомного расположения карточек цен, настроили адаптив и микроанимацию при скролле (появление блоков).

Интеграция форм – подключили отправку заявок в CRM , настроили уведомления на email.

Настройка целей и конверсии – повесили цели на отправку формы и клик по телефону в Яндекс.Метрике.

SEO-база – прописали метатеги, alt-изображения, микроразметку для отзывов и тарифов.

На первом этапе я изучила задачи клиента — аутсорсинговой компании по бухгалтерским и юридическим услугам. Главные требования: современный дизайн, минимум анимации, много карточек с ценами, отзывы, форма заявки. Цель — увеличить конверсию в заявку и звонок.

Что сделано:

Проанализировала 3 сайта конкурентов, чтобы взять лучшие решения по подаче тарифов.

Нарисовала прототип главной страницы: на первом экране — преимущества и кнопка заказа; ниже — 4 карточки с тарифами (абонентское обслуживание, разовая услуга, юрист, бухгалтер); затем блок отзывов и форма заявки.

Спроектировала логику анимации: минималистично — плавное появление карточек при скролле, ховер-эффекты на кнопках, без слайдеров и тяжелой графики.

Согласовала с клиентом структуру и расположение элементов.

Результат этапа:

Готовый прототип (схема блоков) и техническое задание на дизайн. Это позволило сразу перейти к отрисовке макета, не переделывая карточки цен по 5 раз.

В результате разработан современный минималистичный сайт-презентация для аутсорсинговой компании. Основной упор сделан на карточки с ценами — они вынесены на первый экран и дублируются после блока с преимуществами. Всего реализовано 6 тарифов (3 пакета бухгалтерских услуг + 3 юридических), каждый тариф — отдельная карточка с кнопкой «Оставить заявку».

Анимация: только плавное появление карточек при скролле и лёгкий hover на кнопках (минимально, чтобы не отвлекать от цен). Без слайдеров, без вращений.

Блок отзывов: 4 отзыва реальных клиентов с фото и названием компании. Отзывы сверстаны карточками, пролистывание не требуется — все видны сразу.

Формы заявки: две формы — в шапке сайта (короткая: имя + телефон) и в подвале (развёрнутая: имя, телефон, e-mail, комментарий). После отправки данные уходят на e-mail .

Цели по конверсии: настроены цели на отправку формы и клик по телефону в Яндекс.Метрике. По данным за первые 2 недели конверсия в заявку составила 4,2% (среднее по нише бухгалтерских услуг — 2–3%). Заказчик отмечает рост звонков на 35% по сравнению со старым сайтом.

Сайт адаптирован под мобильные устройства, скорость загрузки на десктопе — 0,9 сек