- Главная
- Кейсы
- dengi.cash
- Техническое задание
Техническое задание на сайт сервиса подбора займов
Пример ТЗ по кейсу dengi.cash: сайт описан таким, каким он работает на dengi.cash. Так выглядит документ, который мы составляем до начала работ: что есть на сайте, как ведёт себя каждый экран и как проверить, что всё сделано.
1. Общие сведения
| Назначение | Сайт сервиса подбора займов: посетитель выбирает сумму, заполняет анкету и получает список организаций, у которых можно подать заявку. |
|---|---|
| Аудитория | Граждане РФ старше 18 лет, которым нужен заём от 5 000 до 200 000 ₽. |
| Главная задача | Посетитель с любого экрана доходит до анкеты за один клик; каждая заявка доходит до владельца целиком. |
| Язык | Русский. |
| Наполнение | Тексты страниц, шапка, подвал, меню, карточки организаций и реквизиты правятся из панели управления без вёрстки. |
2. Структура сайта
- Главная — калькулятор, как это работает, преимущества, о ставках, частые вопросы (раздел 3). Анкета открывается на главной поверх страницы (раздел 4)
- Связаться и Отказ от услуги — отдельные страницы с формами (раздел 6)
- Публичная оферта, Политика обработки персональных данных, Согласие на обработку персональных данных (раздел 7)
Шапка: логотип и меню «Как это работает», «Условия займов», «Вопросы», «Связаться», «Отказ от услуги». Подвал: документы, поддержка (почта и часы работы), логотипы организаций-партнёров, платёжные системы, пояснения о сервисе. На всех страницах закреплена кнопка «Оформить заявку».
3. Главная страница
- Первый экран: заголовок «Подберём займ под вашу анкету за 2 минуты», кнопка «Оформить заявку», три пометки об условиях (сумма, способ получения, возраст), калькулятор.
- Калькулятор: бегунок суммы от 5 000 до 200 000 ₽, по умолчанию 15 000 ₽; под ним пояснение, что ставку и срок назначает организация. Кнопка «Оставить заявку» открывает анкету с уже выбранной суммой.
- Как это работает: четыре карточки — выберите сумму, заполните анкету, подтвердите анкету, получите подборку.
- Почему выбирают нас: три карточки с фотографией.
- О процентных ставках: блок с цифрами и пояснением, что проценты, неустойка и иные платежи по займу ограничены законом; полные условия — на сайте организации, выдающей заём.
- Частые вопросы: раскрывающийся список из пяти вопросов, в том числе «Можно ли отказаться от услуги?» и «Вы выдаёте займы?».
4. Анкета
Окно поверх страницы, пять шагов; вверху — «Шаг N из 5», кнопки «Далее» и «Назад», крестик закрытия. На следующий шаг нельзя перейти, пока обязательные поля шага не заполнены.
| Шаг | Поля |
|---|---|
| 1. Личные данные | Фамилия, имя, отчество (при наличии), дата рождения, телефон, e-mail; галочка «Принимаю публичную оферту»; галочка «Согласен получать рекламу» — необязательная |
| 2. Паспорт | Серия, номер, дата выдачи, код подразделения, место рождения, пол; пояснение о передаче данных по защищённому соединению |
| 3. Адрес регистрации | Регион, город, улица, дом одной строкой, квартира (при наличии) |
| 4. Подтверждение | Название услуги и условия оплаты: сейчас «Бесплатно, оплата не нужна»; кнопка «Получить подборку» |
| 5. Подборка | Результат — раздел 5 |
Желаемая сумма берётся из калькулятора и уходит в заявку. После шага 4 анкета отправляется как одна заявка (раздел 8).
5. Экран подборки
- Заголовок с именем посетителя и оценкой анкеты в баллах из 1000; оценка считается по данным анкеты (сумма, возраст, полнота), диапазон 600–800.
- Сноска про займы под 0%: это промоакция части организаций для новых клиентов, условия не гарантированы.
- Карточки организаций: название, срок, доступная сумма, кнопка «Нажми и забери». Нажатие отправляет отдельную заявку «в организацию» — владельцу приходит письмо с темой «Заявка с сайта: организация · ФИО», телефоном, почтой и суммой.
- После нажатия кнопка отмечает, что заявка отправлена, и блокируется.
6. «Связаться» и «Отказ от услуги»
6.1. Связаться
Форма «Ваш вопрос или отзыв» с полем «Телефон или e-mail для ответа» и галочкой согласия на обработку данных; рядом контакты (почта, часы поддержки — с 10:00 до 18:00 по Москве, кроме субботы и воскресенья). Ниже — блок «Заберите одобренные займы» с карточками организаций; нажатие на карточку ведёт в анкету, а организация уходит в заявке полем «Выбранная организация».
6.2. Отказ от услуги
Форма: номер телефона из анкеты, причина (необязательно), галочка согласия, кнопка «Отправить заявку на отказ». Ниже — адрес почты для письма. Заявка на отказ приходит владельцу; сотрудник находит заявку по номеру и связывается по поводу возврата.
7. Документы
Три страницы: оферта, политика обработки персональных данных, согласие на обработку. Ссылки на них стоят в подвале и рядом с галочками согласия в формах. Реквизиты продавца, ИНН и логотипы платёжных систем — отдельные фрагменты; пока реквизиты не заполнены, они не печатаются.
8. Заявки
| Событие | Что происходит |
|---|---|
| Отправлена анкета | Заявка появляется в разделе «Заявки» панели управления; подпись каждого поля в заявке — название поля в анкете; письмо на info@dengi.cash |
| Нажата карточка организации | Отдельная заявка и письмо с темой из раздела 5 |
| Отправлена форма «Связаться» или «Отказ» | Заявка в панели и письмо |
| Сессия посетителя устарела (ошибка 419) | Форма обновляет ключ и повторяет отправку один раз, посетитель ничего не вводит заново |
Доступ владельца: роль «Администратор сайта» — страницы, фрагменты, меню, заявки. Ничего лишнего в панели нет.
9. Технические требования
- Адаптивная вёрстка: анкета и формы проходятся с телефона 390 px без горизонтальной прокрутки.
- HTTPS на всех страницах, запрос по http:// перенаправляется на https://.
- Хостинг в России: персональные данные граждан РФ хранятся в базе на территории РФ.
- Баннер cookie с кнопками «Принять все» и «Отклонить»; выбор запоминается в браузере.
- Базовое SEO: title и description каждой страницы, canonical, sitemap, robots.txt, разметка Schema.org, картинки WebP с размерами и alt, свой шрифт.
- Скорость: Lighthouse не ниже 95 на телефоне и 100 на компьютере по скорости, доступности, практикам и SEO.
- Кнопки: тёмный текст на зелёном фоне — контраст не ниже 4,5.
10. Приёмка
Работа принимается, когда каждый сценарий проходит на компьютере и на телефоне:
| # | Сценарий | Ожидаемый результат |
|---|---|---|
| 1 | На главной сдвинуть бегунок на 50 000 ₽ → «Оставить заявку» | Открылась анкета, в ней сумма 50 000 ₽ |
| 2 | Пройти шаги 1–4 с заполненными полями | На каждом шаге работает «Назад»; пустое обязательное поле не пускает дальше |
| 3 | Нажать «Получить подборку» | Показан экран подборки с именем и баллами; в панели появилась заявка, на почту пришло письмо |
| 4 | Нажать «Нажми и забери» у любой карточки | Отдельная заявка и письмо с названием организации в теме |
| 5 | «Связаться» → отправить вопрос | Заявка в панели и письмо |
| 6 | «Отказ от услуги» → отправить номер телефона | Заявка на отказ в панели и письмо |
| 7 | Оставить анкету открытой на час, затем отправить | Заявка принята (повтор после 419 сработал) |
| 8 | Открыть оферту, политику и согласие из подвала | Все три страницы открываются |
| 9 | На телефоне 390 px пройти анкету до конца | Нет горизонтальной прокрутки |
| 10 | Набрать адрес сайта с http:// | Открылась та же страница по https:// |
Нужно ТЗ на сайт с анкетой и заявками? Обсудим задачу.
Расскажите о задаче — уточним детали, предложим состав и назовём стоимость по опубликованному прайсу.
- Цена и состав — в договоре
- Три круга правок на этап
- Гарантия 12 месяцев на наш код
- Домен и исходники ваши, лицензия бессрочная