- калькулятора: цена, отгрузка, вес балки, доставка
- 4
- прайс: категории на профили, цена за тонну
- 18 × 8
- страницы нового сайта
- 42
- e2e-тестов, плюс 41 unit и 31 проверка сборки
- 149
Задача
Сайт завода выглядит как в начале 2010-х: прайс в PDF, объекты таблицей без фото. Снабженцу нужно за минуту найти цену тонны, срок отгрузки и куда отправить КМ.
Решение
Прайс таблицей 18 × 8, четыре калькулятора с передачей расчёта в заявку, объекты карточками с фильтром. 42 страницы из 14 шаблонов, данные отделены от вёрстки.
По страницам
-
Прайс на изготовление
Вместо PDF — таблица 18 категорий на 8 профилей с ценой за тонну. Клик по цене переносит строку в калькулятор, цифры не надо перепечатывать.
-
Расчёты
Четыре калькулятора: стоимость партии, срок отгрузки, вес сварной балки по 65 типоразмерам и доставка. Результат подставляется в заявку, менеджер получает готовые параметры.
-
Объекты
Объекты карточками с тоннажем и фильтром по региону. Заказчик находит похожий объект в своём регионе и видит масштаб завода.
Что проработано
-
Прайс на странице
Таблица 18 × 8 вместо PDF: снабженец сразу видит цену за тонну и фильтрует по профилю.
-
Расчёт уходит в заявку
Параметры из калькулятора подставляются в форму КМ, менеджеру не нужно переспрашивать.
-
Константы отдельно от вёрстки
Цены и коэффициенты калькуляторов лежат в JSON: меняется файл, а не страница.
-
Доверие фактами
Объекты с тоннажем, письма заказчиков, документы со сроком действия.
-
Две темы и телефон
Светлая и тёмная темы, таблицы и калькуляторы перестроены под узкий экран.
Как шла работа и что проверял
Этапы
-
Аудит старого сайта и вопросов снабженца, ТЗ
этап 0 · 1,3 ч
-
Мокап 16 страниц, UI-кит в двух темах
этапы 1–2 · 1,85 ч
-
Главная, четыре калькулятора с unit-тестами, форма КМ
этап 3 · 2,1 ч
-
Каталог, услуги, объекты, контакты, e2e на каждую группу страниц
этап 4 · 2,1 ч
-
Три круга правок, блок доверия
правки · 4,2 ч
-
Lighthouse на ключевых страницах, проверка на клише, скриншоты
этап 5 · 0,95 ч
Проверки
-
41 unit-тест
Калькуляторы партии, срока, веса балки и доставки, шкалы сроков.
-
149 e2e-тестов Playwright
Все группы страниц, формы и калькуляторы, в том числе на ширине телефона.
-
31 проверка готовой сборки
Битые ссылки, превью ссылки в мессенджерах, служебные метки страниц.
-
Lighthouse mobile
Скорость 92–99, доступность 97–100 на ключевых страницах.
Обсудим вашу задачу?
30 минут созвона. Срок и цену называю в тот же день.
Другие кейсы
все кейсы
Сайт ReviewmyTrades
Трейдер за один экран видит, что считает платформа, на цифрах из реальных сделок
8 экранов продукта с реального счёта
Сайт сети автостёкол «Ветровое»
Закупщик находит стекло по еврокоду, водитель видит цену с установкой и точку
509 страниц: 436 карточек стёкол, 53 марки, 7 точек
Этот лендинг
Малый бизнес видит работы с цифрами и сроками и оставляет заявку в одной форме
7 разборов кейсов на отдельных страницах