Создание сайта под ключ для финансовой компании EcoCredit

EcoCredit — финансовая компания, предлагающая потребительские займы и программы рассрочки. Цель проекта — создать конверсионный сайт под ключ с понятными условиями, калькулятором платежей, быстрыми формами заявки и контент-разделом для органического трафика. Визуальный язык — чистая верстка, зелёные акценты, иконки с прозрачной коммуникацией условий и сроков.

Запрос бизнеса

• построить доверие к бренду через прозрачные условия: ставки, комиссии, сроки, примеры расчётов;
• сократить путь к заявке: калькулятор → мини-форма → полная анкета;
• разделить потоки: онлайн-заявки, заявки из отделений, партнёрские лиды;
• интегрировать сайт с CRM/скорингом, платёжными сервисами и SMS/e-mail;
• запустить контент-маркетинг: статьи «финансовая грамотность», FAQ, глоссарий;
• обеспечить соответствие требованиям комплаенса и защиты персональных данных;
• сделать сайт быстрым на мобильных устройствах и понятным для любой аудитории.

Задачи проекта

• UX-проектирование воронки: калькулятор → предодобрение → анкета → идентификация;
• UI в фирменной зелёной палитре, с акцентом на CTA и блоки доверия;
• калькуляторы (аннуитет/дифференцированный), таблицы ставок и переплат;
• интеграции: CRM/скоринг, KYC/ID-verification, платёжные шлюзы, SMS/почта;
• контент-модуль: блог, шаблоны мета-данных, микроразметка Schema.org;
• мультиязычие, карта отделений, онлайн-чат/WhatsApp, виджеты отзывов;
• безопасность: HTTPS, WAF, брутфорс-протекция, шифрование персональных данных;
• аналитика: e-commerce события, трекинг заявок, UTM/сквозная атрибуция.

Решение

Информация и доверие

Главная страница открывается витриной продуктов и краткими условиями. Ниже — блоки преимуществ (скорость одобрения, понятные ставки, прозрачные комиссии, удобные каналы погашения). Отдельный экран — «Как это работает» в 4 шага: рассчитать → заполнить → подтвердить → получить. Размещены примеры расчётов с реальными числами и предупреждениями о рисках и ответственности — обязательный элемент для финсектора.

Калькуляторы и таблицы условий

• калькулятор суммы/срока с мгновенным пересчётом платежа, переплаты и полной стоимости кредита;
• переключатель аннуитет/дифференцированный, подсказки «что это значит»;
• таблицы ставок по продуктам: «кредит наличными», «р рассрочка у партнёров», «рефинансирование»;
• кнопка «Оформить» фиксируется на экране, передаёт параметры в форму заявки.

Воронка заявки

• Мини-форма: имя, телефон, сумма, срок, согласия. Ответ — SMS-код и предодобрение.
• Анкета: паспорт/ID, адрес, доходы/расходы, контакты. Обязательная валидация и хинты.
• Идентификация: KYC/IDV (загрузка фото документа, селфи-проверка), скоринг через API.
• Решение: оффер с лимитом и ставкой, шаги по подписанию договора (КЭП/OTP).

Структура сайта

• Главная. Витрина продуктов, калькулятор, преимущества, отзывы, CTA-блоки.
• Продукты. Детальные страницы с условиями, примерами и вопросами/ответами.
• Отделения и партнёры. Карта, фильтры, часы работы, маршруты.
• Оплата и погашение. Способы: кассы, терминалы, онлайн-платежи, расписание списаний.
• Блог/Советы. Финансовая грамотность, сравнение продуктов, кейсы клиентов.
• О компании. Лицензии, сертификации, комплаенс, реквизиты.
• Контакты. Форма, чат, мессенджеры, SLA ответа, горячая линия.

Интеграции

• CRM: лиды, статусы, напоминания, назначения по правилам (round-robin/навыки);
• Скоринг: скоринговое решение через REST API, ответы и причины отказа для аналитики;
• KYC: верификация документов и биометрия, хранение токенов, маскирование данных в логах;
• Платежи: онлайн-погашение и предоплата комиссий, 3-D Secure, квитанции;
• Коммуникации: SMS/e-mail/WhatsApp, транзакционные триггеры и напоминания о платеже.

Контент и SEO

• чистая структура URL: /loans/cash/, /installment/, /payments/, /blog/;
• микроразметка (Product, FAQ, BreadcrumbList), мета-шаблоны, Open Graph;
• кластеры статей: «как посчитать переплату», «что такое ПСК», «как улучшить кредитную историю»;
• перелинковка из статей в продукты и калькуляторы, «умные» виджеты рекомендаций.

Доступность, скорость, безопасность

• контраст и размер шрифтов, фокус-состояния, aria-метки для форм;
• WebP/AVIF, lazy-loading, критический CSS, кеш/СDN — зелёная зона Core Web Vitals;
• HTTPS, WAF, rate-limit на формы, reCAPTCHA, защита от брутфорса, хранение токенов в KMS.

Аналитика и атрибуция

• события: рассчитал → начал заявку → получил предодобрение → отправил анкету → KYC → оффер;
• UTM-метки и источник заявки передаются в CRM, строится сквозная воронка и ROMI по каналам;
• дашборды: конверсия калькулятора, отказы KYC/скоринга, время до решения, CPL/CAC.

Результат

• сайт, который ясно объясняет условия и ведёт пользователя к заявке за 2–3 экрана;
• увеличение доли онлайн-заявок за счёт понятного калькулятора и короткой мини-формы;
• сокращение времени обработки благодаря интеграциям CRM/скоринга и KYC;
• рост органического трафика через блог и SEO-посадочные, выше CTR благодаря Rich Snippets;
• прозрачная аналитика: понятно, какие каналы дают одобряемые заявки и по какой цене.

Выгоды для бизнеса

• Больше одобряемых лидов. Предодобрение и скоринг снижают «пустые» заявки.
• Ниже нагрузка на колл-центр. Чёткие условия, таблицы и FAQ снимают вопросы до звонка.
• Прогнозируемый маркетинг. Сквозная атрибуция и контроль ROMI по каждому источнику.
• Соответствие требованиям. Встроенные политики, согласия и уведомления о рисках.
• Масштабирование. Готовность к новым продуктам, языкам, отделениям и партнёрским программам.

Итог

EcoCredit получил конверсионный и прозрачный сайт: четкая подача условий, быстрый калькулятор, короткая воронка заявки и надёжные интеграции. Решение укрепляет бренд, ускоряет обработку обращений и даёт бизнесу управляемую экономику привлечения.