разработка веб-приложения Транспортной компании
задача
Полный цикл разработки современного веб-приложения на Next.js взамен устаревшего сайта tk-irsa.ru
план РАБОТ
- Онбординг
- Исследование и проектирование
- Верстка (Front-End)
- Программирование (Back-End)
- Тестирования и релиз
срок работ
4-5 мес
ТК-ИРСА
стоимость работ
FP: 2.021млн
T&M: 1.854 - 2.188 млн
T&M: 1.854 - 2.188 млн
ВВОДНЫЕ
Тех.стек:
• Next.js 14+ (App Router)
TypeScript
Tailwind CSS
Framer Motion (анимации)
React Hook Form (формы)
Axios (работа с API)
Яндекс.Карты API
Требования к производительности:
• Core Web Vitals: LCP < 2.5s, FID < 100ms, CLS < 0.1
• Оптимизация изображений (WebP, lazy loading)
• Code splitting
• Кеширование статики
Принцип работы:
• Клиентская часть обращается только к /api/* endpoints Next.js
• API Routes проксируют запросы на внутренние сервисы
• Валидация и кеширование на уровне Next.js
• Внутренняя инфраструктура скрыта от клиента
Референсы дизайна: steamlogistics.com, flexe.com
Адаптивность: 320px - 1920px+
Совместимые ОС (моб): iOS 14+, Android 10+
Совместимые браузеры: Chrome 90+, Firefox 90+, Safari 14+, Edge 90+
• Next.js 14+ (App Router)
TypeScript
Tailwind CSS
Framer Motion (анимации)
React Hook Form (формы)
Axios (работа с API)
Яндекс.Карты API
Требования к производительности:
• Core Web Vitals: LCP < 2.5s, FID < 100ms, CLS < 0.1
• Оптимизация изображений (WebP, lazy loading)
• Code splitting
• Кеширование статики
Принцип работы:
• Клиентская часть обращается только к /api/* endpoints Next.js
• API Routes проксируют запросы на внутренние сервисы
• Валидация и кеширование на уровне Next.js
• Внутренняя инфраструктура скрыта от клиента
Референсы дизайна: steamlogistics.com, flexe.com
Адаптивность: 320px - 1920px+
Совместимые ОС (моб): iOS 14+, Android 10+
Совместимые браузеры: Chrome 90+, Firefox 90+, Safari 14+, Edge 90+
Страницы:
- Главная
- О компании
- Услуги
- Автопарк
- Калькулятор
- Новости/Блог
- Дорожная обстановка
- Вакансии
- Контакты
- Личный кабинет (заглушка)
- Служебные страницы (ПК, ПС, 404)
- Виджет связи
- Cookie-баннер
- Интеграция с Я.М.
- Базовое SEO
детали
Подробный расчёт
ТРУДОЗАТРАТ
- Тестирования
320-390 часов
384-468т руб
Функциональное: базовый функционал, калькулятор, формы, интеграции
Нефункциональное: кроссбраузерное, производительность, безопасность
Регрессионное тестирование
Багфиксы
Ретесты
Нефункциональное: кроссбраузерное, производительность, безопасность
Регрессионное тестирование
Багфиксы
Ретесты
Функциональное 150-180 ч
Нефункциональное 100-120 ч
Регресс 70-90 ч
Нефункциональное 100-120 ч
Регресс 70-90 ч
Исследование и проектирование 30-35 часов
Дизайн - до 100 часов
Корректировки, согласование и передача в разработку - до 23ч
Дизайн - до 100 часов
Корректировки, согласование и передача в разработку - до 23ч
140-158ч
350-395т руб
- Прототипирование и стилизация (UX/UI)
Подготовка UserFlow и исследование сценариев
Формирование вайрфреймов, распределение контента и расстановка акцентов по готовой структуре.
Выстраивание иерархии шрифтов и работа с цветовым решением в соответствии с брендбуком.
Работа с UI Kit: принципы атомарности, связки, отображение разных состояний компонентов
Адаптив
Редизайн схем транспорта
Формирование вайрфреймов, распределение контента и расстановка акцентов по готовой структуре.
Выстраивание иерархии шрифтов и работа с цветовым решением в соответствии с брендбуком.
Работа с UI Kit: принципы атомарности, связки, отображение разных состояний компонентов
Адаптив
Редизайн схем транспорта
- Верстка и программирование
1100-1325т руб
Front-End: базовая структура, компоненты UI, разработка страниц, калькулятор с интеграцией карт, анимации
Back-End: API Routes, интеграция с внешними сервисами, безопасность, оптимизация
Тестирование и деплой: багфиксинг, оптимизация, подготовка документации
Back-End: API Routes, интеграция с внешними сервисами, безопасность, оптимизация
Тестирование и деплой: багфиксинг, оптимизация, подготовка документации
Front-End 220-260 ч
Back-End 140-170 ч
Тестирование и деплой 80-100 ч
Back-End 140-170 ч
Тестирование и деплой 80-100 ч
440-530 часов
- Сдача-приёмка Результатов работ
3-4 дня
-
Передаём
• Исходный код приложения
• Dockerfile для сборки образа
• Документацию по проекту
• Инструкцию по настройке
• Доступ к репозиторию
• Исходный код приложения
• Dockerfile для сборки образа
• Документацию по проекту
• Инструкцию по настройке
• Доступ к репозиторию
- Онбординг
2 дня
-
Погружение в проект, подробное изучение материалов ТЗ, наполнения и брендбука, планирование
стоимость
время
Наименование
Важные примечания:
Предусмотрены дополнительные 10-15% на непредвиденные ситуации
В разработку не входит:
Расчет произведен с ориентиром на предоставление со стороны Заказчика следующих материалов:
Предусмотрены дополнительные 10-15% на непредвиденные ситуации
В разработку не входит:
- Разработка внешних API
- Настройка CMS
- Покупка/настройка хостинга
- Контент-наполнение
Расчет произведен с ориентиром на предоставление со стороны Заказчика следующих материалов:
- Брендбук
- Доступ к текущему сайту
- Схемы транспорта для редизайна
- API endpoints и документация
- Ключ Яндекс.Карты API
- Тексты для страниц
1854 - 2188 тыс
Общее время
900 - 1078 ч
По тарифу Times&Materials:
от 1854 до 2188 т рублей
Расчёт суммы по фактическому времени работы, засекаемому в программе Clockify.
Исправление недочетов, допущенных специалистом (опечатки, выравнивание по ЧФ) в учитываемое время не входят.
Исправление недочетов, допущенных специалистом (опечатки, выравнивание по ЧФ) в учитываемое время не входят.
По тарифу Fixed Price:
2021т рублей
Фиксированная стоимость за весь объём работ с ограничением доработок строго в рамках ТЗ.
На этапе UX/UI в тариф входят три этапа согласования. Правки одного этапа оформляются единым списком.
На этапе UX/UI в тариф входят три этапа согласования. Правки одного этапа оформляются единым списком.
прозрачные процессы и
поэтапная оплата
Предоплата 50%
Предоплата вносится после подписания Договора и до начала работ. При работе по тарифу T&M вносится 50% от минимальной оценочной стоимости.
Утверждение перечня работ и результатов. Гарантии для каждой стороны. Конфиденциальность.
Пример нашего договора
Пример нашего договора
Обсуждаем, при необходимости корректируем и передаём на этап вёрстки
Утверждение UX/UI-макетов
Проводим функциональные и нефункциональные тестирования сборки, багфиксинг и ретесты
Разработка в тандеме с тестированиями
Заключение договора
Передача документов и оплата остатка
Доплата вносится после подписания Акта сдачи-приёмки. При работе по тарифу T&M вносится остаток от стоимости по фактическим трудозатратам.
Все процессы прозрачны: мы создаём отдельный чат, где ведём прямую коммуникацию, оперативно отвечаем на все вопросы и презентуем Результаты
Все детали проекта обсуждаемы.
Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом.
Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом.
