mainfx.by
Вёрстка, интегрированная с Laravel, для интернет-магазина сценического оборудования: карточки товаров с техническими таблицами и аксессуарами, страница фирменного приложения ShotControl App и полностью двуязычный интерфейс.
Что было сделано
- Вёрстка каталога и карточек товаровОборудование, аксессуары и расходные материалы — адаптивная вёрстка каталога и карточек с фото, описанием и техническими таблицами.
- Интеграция с LaravelВёрстка подключена к данным Laravel: карточки товаров, характеристики и связанные аксессуары выводятся из базы без дублирования разметки.
- Двуязычный интерфейс RU/ENКаталог, карточки товаров и страница приложения полностью переведены на английский, включая технические характеристики.
- Страница приложения ShotControl AppОтдельный шаблон витрины фирменного приложения с галереей интерфейса и видеоинструкциями.
Технологии
Результат
Интернет-магазин получил единый визуальный стиль для оборудования, аксессуаров и фирменного приложения ShotControl: карточки товаров с полными техническими таблицами и подбором аксессуаров под конкретную модель, отдельная страница приложения с галереей интерфейса и видеоинструкциями — всё на двух языках, на данных из Laravel.
Карточка товара с техническими таблицами и аксессуарами
Каждая карточка товара — например, криопушка CO2Jet — должна была показывать не только фото и описание, но и полную таблицу технических характеристик (мощность, габариты, давление, высота эффекта) и блок сопутствующих аксессуаров — переходников, шлангов, разветвителей, — подобранных именно под эту модель.
Собрал шаблон карточки товара, который выводит характеристики и связанные аксессуары из данных Laravel: менеджер добавляет новый товар или аксессуар в базе, а вёрстка сама собирает таблицу и блок кросс-продаж без правок.
Витрина фирменного приложения ShotControl App
Кроме оборудования, у MAINFX есть собственное приложение ShotControl для настройки и мониторинга пультов управления — сайту нужна была страница совсем другого типа: не карточка товара, а витрина приложения с галереей интерфейса и видеоинструкциями.
Сверстал отдельный шаблон страницы приложения с галереей скриншотов интерфейса и сеткой видеоинструкций, интегрировав его в общую структуру каталога на Laravel наравне с карточками товаров.
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Дистрибьютор медицинского оборудования Inomed
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.
Спецэффекты для шоу и концертов SFX.BY
Вёрстка на Tailwind CSS и Alpine.js, интегрированная в MODX, для сайта компании спецэффектов: анимированная главная, 9 категорий эффектов с переключаемыми вариантами оборудования и живой слайдер портфолио.