Кейс
RentMetal
Каталог металлопроката с калькуляторами веса и доставки
Технологии
- Typescript
- Next.js
- Payload CMS
- PostgreSQL
- GraphQL
- shadcn/ui
- Tailwind CSS
Покупатель металлопроката обычно точно знает, что ему нужно: уголок 50×5, двенадцать метров, доставка в Подольск. Сайт RentMetal сделан так, чтобы с таким запросом можно было самому найти позицию, посчитать вес и стоимость доставки и сразу отправить заказ.
Каталог
Ассортимент разложен по разделам и категориям: арматура, балка, уголок, круг, лист, трубы. У каждой позиции своя карточка, которую можно положить в корзину.
В каталоге больше трёх тысяч позиций, цены меняются постоянно, поэтому управление ассортиментом с первого дня ведётся в панели администратора на Payload CMS. Менеджер сам правит товары, цены, наличие, описания и фотографии.
Метры, тонны и доставка
Металл заказывают то в метрах, то в килограммах, то в тоннах, и пересчитывать одно в другое вручную неудобно. Калькулятор металла берёт профиль, марку стали и размеры и выдаёт вес, длину и примерную стоимость.
Второй калькулятор считает доставку. Покупатель вводит адрес и выбирает машину, сайт определяет расстояние от МКАД и показывает цену по тарифу.
Заказ
Товар попадает в корзину прямо из каталога. Корзина открывается боковой панелью, запоминается в браузере и не пропадает при перезагрузке страницы. Для каждой позиции хранятся наименование, размер, марка стали, количество и цена за тонну.
Оформление проходит в три шага: корзина, форма заказа и страница подтверждения. В форме обязательны имя и телефон, а адрес доставки, почту и комментарий покупатель добавляет по желанию. К заявке можно приложить файлы, например спецификацию, чертёж, таблицу или PDF.
Заказы и обратные звонки принимает один обработчик, и каждая заявка получает свой номер. Менеджеру на почту и в Telegram приходит полный состав заказа вместе с вложениями. Ему остаётся перезвонить покупателю и договориться об условиях.
Как металл ищут в поиске
Металл ищут очень конкретно: «швеллер 16П цена», «лист оцинкованный 0,5». Под такие запросы собран набор ключевых фраз, и по нему выстроены категории и карточки товаров. Технически настроены метаданные, список страниц для поисковиков, правила индексации и разметка товаров.
Под капотом
Сайт и панель администратора работают в одном приложении на Next.js и Payload CMS с PostgreSQL. Проект развёрнут на собственном сервере, обновления выпускаются автоматически. Часть иллюстраций на сайте создана генеративными моделями.
Страницы каталога уже индексируются, а заявки с сайта приходят менеджеру в Telegram. Поменять цену на арматуру теперь можно за минуту, прямо в панели администратора.
Есть похожая задача?
Расскажите о ней, и вместе найдём решение: от идеи и дизайна до запуска и поддержки.
Напишите напрямую