Flow Lab

Сайт, который сразу называет цену

Посетитель описывает деталь и прямо по ходу ввода видит цену, из чего она складывается, и срок изготовления, а потом отправляет полную нумерованную заявку. 78 автоматических тестов.

Демо я сделала сама, это не заказ клиента. Northgate Metalworks — вымышленная компания. Все цифры на этой странице взяты из самого демо: вы можете открыть его и попробовать.

Снимок экрана: сайт, который сразу называет цену
78автоматических тестов, включая проверку настоящей страницы в настоящем браузере
375пикселей: даже на таком узком телефоне ничего не уезжает вбок
44пикселя как минимум у каждой кнопки и ссылки, чтобы легко попасть пальцем
$120в месяц после запуска, с отчётом
Кейс

У большинства небольших производств сайт работает как визитка: телефон, несколько фотографий и форма «напишите нам». Покупатель, которому нужна цена одной детали, не пишет. Он уходит к тому, кто ответит первым.

Этот сайт отвечает первым. Посетитель описывает деталь в обычных полях: материал, толщина, размер, количество, гибы, отверстия, покрытие, допуск. Панель рядом с формой обновляется прямо по ходу ввода: диапазон цены, цена за штуку, из чего она складывается и срок изготовления в рабочих днях.

Панель расчёта обновляется, пока посетитель вводит данные.
Панель расчёта обновляется, пока посетитель вводит данные.

Сайт ведёт себя как человек, который знает цех. Нужно быстрее обычного срока? Он добавляет наценку за срочность и объясняет, за что. Заказывают меньше минимальной партии? Он говорит об этом клиенту, а не молча выдаёт бессмысленный расчёт. А если в форме ошибка, он объясняет её простыми словами, по строке на каждое поле, а не одной красной ошибкой на всю страницу.

Ошибки простыми словами, по строке на каждое поле.
Ошибки простыми словами, по строке на каждое поле.

Никто не уходит с пустыми руками. После отправки посетитель получает заявку на расчёт с номером и полным текстом: одна кнопка открывает её в почте, другая копирует. Вам на почту приходит уже полная заявка, а не «здравствуйте, сколько будет стоить».

Нумерованная заявка, готовая к отправке.
Нумерованная заявка, готовая к отправке.

Ваши цены, материалы и сроки хранятся в одном понятном файле, который вы можете открыть и прочитать. Страница и тесты берут данные из этого же файла, поэтому сайт и расчёты никогда не разойдутся. Ничего не подгружается со сторонних сайтов: ни шрифты, ни библиотеки, ни аналитика. Страница целиком работает в браузере и остаётся быстрой даже при слабом интернете.

78автоматических тестов, включая проверку настоящей страницы в настоящем браузере

Сайт похож на ваш цех, а не на шаблон. Чертёж на первом экране — настоящая развёртка с размерными линиями, нарисованная в коде. Тёмную тему я продумала отдельно, как цех в ночную смену, а не получила простым переворотом цветов.

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

На телефоне, в обеих темах.
На телефоне, в обеих темах.

У поддержки после запуска своя страница, и на ней указана цена. $120 в месяц: слежу, чтобы сайт работал, делаю до часа правок, раз в неделю проверяю форму настоящей заявкой, делаю резервные копии и раз в месяц присылаю отчёт на одну страницу. Там же прямо написано, что в ежемесячную поддержку не входит. Всё сверх неё стоит $50 в час.

Следующий шаг

Хотите такой же?

Опишите простыми словами, что вам нужно. Я скажу, что для этого понадобится и не подойдёт ли вам лучше первая версия поменьше. Оценка бесплатна.