Сайт поставщика оборудования

Латунь: сайт поставщика оборудования для кофеен с расчётом бюджета

Демо-сайт вымышленного поставщика «Латунь» в Ростове-на-Дону: каталог оборудования с техническими чертежами, расчёт бюджета кофейни или пекарни и 16 статей для тех, кто открывается.

Открыть проект Обсудить проект

Обложка каталога Латуни: название во всю ширину, чертёж двухгрупповой кофемашины и шесть разделов

Задача

Кто открывает кофейню, сначала ищет, сколько это стоит, и только потом выбирает кофемашину. Хочется, чтобы в поиске он находил нас, видел смету под свой формат и присылал заявку на конкретные модели.

Что сделали

Каталог: 6 разделов и 25 моделей, у каждой чертёж с габаритами
Расчёт бюджета для трёх форматов, смета в виде бланка заказа
16 статей по 1 200-1 430 слов в четырёх рубриках
33 страницы, Lighthouse на телефоне 99-100, страница 82-98 КБ

Поставщик выдуман, статьи настоящие

«Латуни» нет. Компания, склад, марки вроде «Донэспрессо» и «Тестодела», модели, цены каталога и тарифы на сервис придуманы для демо. На каждой странице сверху написано, что это демо-проект студии и заказы не принимаются. Город настоящий. Правила о санитарных требованиях, кассе, маркировке и налогах в статьях сверены с первоисточниками на 14 октября 2026 года.

16 статей под вопросы тех, кто открывает кофейню

Оборудование для общепита покупают редко, и перед покупкой человек неделями читает, сколько стоит открыть кофейню. Поэтому половина сайта это статьи. Темы взяты из подсказок Яндекса и Google. Это, например, «сколько стоит открыть кофейню в 2026», «оборудование для кофейни список и стоимость», «пароконвектомат или конвекционная печь», «санпин для кофейни», «нужна ли касса для кофейни». Вышло 16 статей по 1 200-1 430 слов в четырёх рубриках. Статьи о правилах помечены «актуально на октябрь 2026 года», в конце каждой список первоисточников.

Проверка дала находку: с 1 сентября 2026 года действует новый СанПиН 2.3/2.4.4282-26, а старый 2.3/2.4.3590-20 отменён. Сайт ссылается на пункты нового.

Смета в виде бланка заказа

Расчёт бюджета знает три формата: кофе с собой, кофейня на 20 мест и пекарня. Человек задаёт площадь и выбирает новую технику или б/у с проверкой. Смета собирается из моделей каталога. Внизу монтаж, резерв и вилка итога. Без JavaScript страница показывает готовый расчёт для кофейни на 20 мест.

На листе каждой модели есть кнопка «Запросить счёт», она открывает заявку с уже выбранной моделью. Форма проверяет поля, но на сервер ничего не уходит. Как такой сайт собирается для настоящего поставщика, написано на странице сайт для продажи оборудования.

Печатный каталог с латунной фольгой

Сайт свёрстан как торговый каталог: бумага цвета молочной пены, краска эспрессо, латунь как фольга на обложке. Разделы «Каталог», «Статьи» и «Расчёт» открываются вырубными табами на обрезе страницы, на телефоне это нижняя панель. Каждая модель стоит на листе с миллиметровкой. Чертежи рисует код: 16 видов оборудования, пропорции из реальных габаритов, размеры латунью. Тёмной темы нет намеренно.

33 страницы в sitemap собраны в статический HTML, фреймворк в браузер не грузится. Калькулятор и форма это два маленьких скрипта.
Lighthouse на телефоне: производительность 99-100, остальные оценки 100 на каждой странице. Первый экран за 1,4-1,7 с. CLS 0, страница весит 82-98 КБ.

Сторона покупателя, кафе, которое уже открылось, показана в демо шаурмичной «Кумер».