задача
Что нужно было сделать
Магазину кроссовок нужен сайт, на котором хочется задержаться: крупные чистые фото, быстрый путь от каталога до заказа и личный кабинет. Владельцу нужна понятная админка: заказы, остатки по размерам, платежи, клиенты и промокоды в одном месте.
Что вошло в работу
- 7 страниц: главная, каталог, карточка товара (12 моделей), корзина, оформление, личный кабинет, админка (плюс страница 404)
- Статичный сайт, написанный кодом (Next.js): без бэкенда, данные условные, корзина и заказы в localStorage
- 16 реалистичных фотографий, 12 из них с вырезом на прозрачный фон
- Каталог с фильтрами, карточка с видами и размерами, корзина-панель, заказ и личный кабинет по кнопке в шапке
- Главный экран с частицами, слайдер линеек, конструктор расцветки, подбор размера, купон-скретч
- Живая админка из 17 разделов: заказы, платежи, каталог, остатки, доставка, реклама, интеграции, аналитика, контент, клиенты, команда и журнал
- Адаптивная вёрстка 320–1920 px, тесты (132) и проверка статической сборки
как выглядит
Магазин кроссовок: экраны и схемы
109 материалов из собранного концепта: клик по картинке открывает её крупно. Это скриншоты живого демо, а не макеты.
Десктоп
Экраны и состояния интерактива на широком экране.
Планшет и телефон
Та же страница на узких экранах: вёрстка перестраивается, управление остаётся удобным для пальца.
Схемы и палитра
Как устроена страница, из чего собран дизайн и что на что реагирует.
срок
≈ 94 дня
стандартный, без ускорения
стоимость
383 000 ₽ – 440 000 ₽
расчётная цена 382 500 ₽
страниц
8
8 в составе
дизайн
премиум
анимации, 3d, авторские эффекты
стоимость
Почему именно 382 500 ₽
Основа: интернет-магазин
90 000 ₽
8 стр. в составе
Интернет-магазин: каталог, корзина и оформление заказа — в основе. Магазин статичный: платежи и склад показаны на данных, подключение реальных систем — отдельная работа.
Дизайн: премиум
+ 31 500 ₽
×1,4 к основе и страницам
Премиум: авторский визуальный язык, анимации и фирменные интерактивные блоки — выше типового уровня, поэтому наценка к основе. Сами блоки и админка оплачиваются отдельно, строками ниже.
Арт-дирекция и фото на прозрачном фоне
+ 22 000 ₽
12 моделей и 4 лайфстайл-кадра, нарезка листов и вырез
Каталог держится на фото: сводные листы 2×2, нарезка, выравнивание студийного фона и вырез кроссовка на прозрачный PNG с отдельной мягкой тенью, чтобы снимки садились на любую подложку без швов.
Главный экран: смена моделей и кроссовки за курсором
+ 14 000 ₽
цветные подложки, таймер, canvas-частицы
Переключатель моделей с плавной сменой цвета и частицы на canvas: за курсором сыплются кроссовки и рассыпаются на осколки, с отключением на тач-устройствах и при reduced-motion.
Слайдер линеек
+ 10 000 ₽
круговое раскрытие, буквы, свайп и клавиши
Собственный слайдер без библиотек: новый слайд раскрывается кругом из точки клика, название вырастает по буквам, поддержаны свайп, стрелки и клавиатура.
Конструктор расцветки
+ 12 000 ₽
5 деталей × 8 цветов, цена своей пары
Векторный силуэт кроссовка, который перекрашивается по деталям с подсветкой выбранной, пересчётом цены и сохранением расцветки.
Подбор размера: линейка и одометр
+ 12 000 ₽
тянется мышью и пальцем, ширина стопы, носки
Интерактивная линейка с миллиметрами, силуэт стельки, одометр с размером и таблица размеров по линейкам с их поправками.
Купон-скретч с салютом
+ 9 000 ₽
стирание слоя, кроссовки-конфетти
Серебряный слой стирается мышью или пальцем, код открывается по доле стёртого, с запасной кнопкой для клавиатуры и салютом из кроссовок.
Каталог: фильтры, размеры, сортировка
+ 12 000 ₽
назначение, размер в наличии, цена, скидка
Фильтры с учётом наличия размера, сортировка, шторка фильтров на телефоне, ссылки с параметрами из главной и пустое состояние.
Карточка товара и корзина
+ 18 000 ₽
виды, размеры, избранное, панель, промокод
Карточка с тремя видами одного кадра, выбором размера и подсказкой; боковая корзина с прогрессом до бесплатной доставки, страница корзины, промокод и сохранение в localStorage.
Оформление заказа и личный кабинет
+ 18 000 ₽
форма с проверкой, заказы, отслеживание, избранное
Оформление с доставкой и оплатой, проверкой полей и экраном подтверждения; кабинет без пароля (вход кнопкой в шапке) с заказами, трекингом посылки, избранным и адресами.
Админка: заказы, платежи, возвраты
+ 34 000 ₽
статусы, групповые действия, возвраты, CSV, обзор
Обзор с выручкой и задачами; заказы с фильтрами, групповыми действиями и панелью с историей, заметками и возвратами; платежи с итогами, комиссиями, частичными возвратами и выгрузкой; заявки на возврат.
Админка: каталог, остатки, доставка
+ 34 000 ₽
товары, категории, матрица размеров, поставки
Создание и правка товаров с проверкой, массовые действия (скидка, категория, архив), категории с порядком; остатки по размерам с правкой в ячейке и приёмом поставок; способы доставки и оплаты с калькулятором.
Админка: реклама, интеграции, аналитика
+ 30 000 ₽
Директ и VK, подключения ЮKassa/СДЭК/Метрика, воронка
Рекламные кампании с расходом, CTR, CPC и ROAS, UTM-ссылки; имитация подключения Директа, VK, ЮKassa, СДЭК, Метрики, Telegram, 1С с проверкой ключей и журналом событий; воронка и источники трафика; рассылки.
Админка: контент, клиенты, отзывы, команда
+ 26 000 ₽
страницы и SEO, блоки главной, роли и права
Страницы с SEO-сниппетом и публикацией, порядок блоков главной, меню и баннер; клиенты с сегментами, бонусами и блокировкой; модерация отзывов; сотрудники, роли и матрица прав; настройки.
Заставка, плавная прокрутка, переходы, бегущая строка
+ 10 000 ₽
шторка, Lenis, свой курсор
Сквозные эффекты на всех страницах с отключением при prefers-reduced-motion: заставка за сессию, плавная прокрутка, шторка при переходе и круглый курсор.
итого по расчёту
382 500 ₽
Расчётная цена — 382 500 ₽. Верхняя граница 440 000 ₽ — запас на доработки по ходу. Окончательная цена фиксируется в договоре после согласования макета.
срок
Почему ≈ 94 дня
Основа: интернет-магазин
25 дн.
типовой срок
Дизайн: премиум
+ 5 дн.
×1,2 к сроку
Арт-дирекция и фото на прозрачном фоне
+ 6 дн.
индивидуальная разработка
Главный экран: смена моделей и кроссовки за курсором
+ 3 дн.
индивидуальная разработка
Слайдер линеек
+ 3 дн.
индивидуальная разработка
Конструктор расцветки
+ 3 дн.
индивидуальная разработка
Подбор размера: линейка и одометр
+ 3 дн.
индивидуальная разработка
Купон-скретч с салютом
+ 2 дн.
индивидуальная разработка
Каталог: фильтры, размеры, сортировка
+ 3 дн.
индивидуальная разработка
Карточка товара и корзина
+ 4 дн.
индивидуальная разработка
Оформление заказа и личный кабинет
+ 5 дн.
индивидуальная разработка
Админка: заказы, платежи, возвраты
+ 8 дн.
индивидуальная разработка
Админка: каталог, остатки, доставка
+ 8 дн.
индивидуальная разработка
Админка: реклама, интеграции, аналитика
+ 7 дн.
индивидуальная разработка
Админка: контент, клиенты, отзывы, команда
+ 6 дн.
индивидуальная разработка
Заставка, плавная прокрутка, переходы, бегущая строка
+ 3 дн.
индивидуальная разработка
Срок интернет-магазина с коэффициентом премиального дизайна плюс время на фото, интерактив и админку. Сроки считаются в рабочих днях после согласования ТЗ и предоплаты.
Это концепт, а не работа реального клиента: компания и данные вымышлены. Цена и срок — оценка по нашему калькулятору для параметров этого проекта: статичный сайт, написанный кодом, без CMS, админки и CRM, стандартный срок. Индивидуальные работы, которых нет в калькуляторе (эффекты, интерактив), оценены отдельными строками выше. Свой проект можно посчитать так же — результат будет совпадать с разбором.
