Клиент — поставщик металлорежущего инструмента и оснастки для станков с ЧПУ (Челябинск). Задача: разработать современный B2B-сайт-каталог, который заменит устаревший сайт компании и станет рабочим инструментом продаж.
Требования клиента:
— каталог инструмента с категориями, фильтрами, вариантами исполнения и ценами;
— корзина и оформление заказа для оптовых клиентов (юр. лица);
— личный кабинет с настоящей регистрацией, заказами, реквизитами компании и анкетой;
— приём заявок с сайта так, чтобы ни одна не терялась;
— полноценная мобильная версия — большинство клиентов заходят с телефона;
— блог с экспертными статьями по металлообработке;
— юридические страницы (политика конфиденциальности, пользовательское соглашение) и SEO-подготовка.
Отдельное ограничение: хостинг — обычный shared-хостинг без Node.js, при этом клиенту нужен был работающий бэкенд для аккаунтов и заявок.
Спроектировал и разработал сайт на Next.js 14 (React) со статической генерацией — 70+ страниц, мгновенная загрузка, отличные показатели для SEO.
Каталог и продажи: категории с фильтрами (подкатегории, производитель, наличие, поиск), карточки товаров с вариантами исполнения и пересчётом цены, корзина, пошаговое оформление заказа, избранное с сохранением между визитами.
Бэкенд на shared-хостинге: написал серверную часть на PHP + SQLite — реальная регистрация и вход (хеширование паролей, сессии, защита от перебора), профиль и заказы хранятся на сервере и доступны с любого устройства. Приём заявок: каждая заявка уходит письмом на почту компании и дублируется в защищённый лог — потерять обращение невозможно.
Мобильная версия: отдельно проработанный UX — слайдер, компактные карточки, нижняя навигация, удобные фильтры, личный кабинет с вкладками. Векторная графика — идеальная чёткость на Retina.
Контент и SEO: 9 экспертных статей в блог с рабочим поиском и рубриками, политика конфиденциальности и пользовательское соглашение (152-ФЗ), мета-теги, Open Graph, favicon, robots.txt, sitemap.xml.
Тестирование и деплой: сквозные автотесты ключевых сценариев (регистрация, вход, заказ, заявки, избранное) на Playwright, деплой и проверка на боевом хостинге.
Клиент получил полностью рабочий B2B-сайт под ключ: 70+ страниц, работающий каталог с корзиной и оформлением заказа, личный кабинет с настоящей авторизацией и серверным хранением данных, гарантированный приём заявок (почта + резервный лог + WhatsApp), наполненный блог и полная юридическая обвязка.
Все ключевые сценарии проверены автотестами на боевом сервере: регистрация, вход, оформление заказа, отправка заявок, избранное. Ошибок в консоли — ноль на всех страницах. Сайт полностью адаптивен и одинаково удобен на телефоне и компьютере.
Технологии: Next.js 14, React 18, PHP 8.2, SQLite, Playwright. Сайт живой — можно посмотреть по ссылке.