С 30 июля по 14 августа 2026 года Семён в одиночку создал новый сайт для российского производителя профессионального косметологического оборудования LASERTECH — от визуальной концепции и UX до собственной админки, Bitrix24, технического SEO и запуска.
В проект вошли главная страница, восемь самостоятельных страниц оборудования, каталог из 12 процедур, интерактивные презентации, образовательный раздел, формы заявок и единая система управления контентом.
Задача
Покупателю профессионального оборудования недостаточно фотографии и таблицы характеристик. Ему важно понять, какие процедуры можно выполнять, чем модели отличаются, что подойдёт конкретному кабинету, как проходит обучение и что происходит после покупки.
Сайт должен был одновременно работать как имиджевая презентация бренда, каталог оборудования, инструмент подбора и посадочная страница для рекламного трафика.
Визуальная концепция
Вместо стерильной медицинской эстетики появился язык на стыке технологичного интерфейса, журнальной вёрстки и pop-art: глубокий графитовый фон, плакатная типографика, мазки краски, печатные текстуры, полутоновые растры, контрастные стикеры и реальные фотографии оборудования.
Красный, синий и жёлтый создают энергичный образ российского технологического бренда, а строгая сетка и повторяемая структура удерживают яркую графику от хаоса.
Продуктовая платформа на desktop и mobile
Три слайдера показывают главную страницу, индивидуальные страницы оборудования и мобильную драматургию проекта.
Главная страница — desktop
От первого экрана и каталога до Academy, FAQ, шоурума и формы консультации.
Семь продуктовых характеров
Один шаблон сохраняет общий сценарий, персональная палитра выделяет каждую модель.
Мобильная версия
Отдельная композиция, горизонтальные фильтры и свайп-сценарии вместо уменьшенной desktop-страницы.
Восемь моделей — одна система
Для линейки создан единый продуктовый шаблон. Композиция, типографика и пользовательский сценарий остаются общими, а характер конкретной модели передаётся персональной палитрой. ALFA получила красный акцент, OMEGA — синий, DIODE — фиолетовый, DIODE 980 — бирюзовый, X — оранжевый, RF — розовый.
Каталог, который помогает выбрать
Восемь моделей фильтруются по 12 процедурам: эпиляции, омоложению, RF-лифтингу, карбоновому пилингу, работе с пигментацией, сосудами, татуировками и другим направлениям. Связь работает в обе стороны и хранится в одном справочнике.
Задача бизнеса → процедура → подходящее оборудование → характеристики → консультация.
Продуктовые страницы и 360°
Каждая карточка аппарата — самостоятельный продающий лендинг с преимуществами, процедурами, характеристиками, ценой, оплатой, видео, обучением, сервисом, FAQ, шоурумом и консультацией.
У семи моделей работает интерактивный просмотр на 360° из 152 нормализованных кадров. Ещё одна модель представлена галереей из 11 изображений. Презентация управляется мышью, пальцем и клавиатурой, а кадры загружаются постепенно.
Единый стандарт товарных изображений
Аппараты различаются высотой, пропорциями и конструкцией, но на всех страницах должны занимать сопоставимое место. Реальное оборудование размещается на прозрачном холсте 1200 × 1200 px, а pop-art-фон хранится отдельным слоем. Для напольных и компактных моделей используются разные эталоны посадки без индивидуальных CSS-костылей.
PWA и мобильная версия — отдельная драматургия
Проект работает не только как обычный сайт, но и как PWA. Мобильный интерфейс не уменьшает desktop-композицию: заголовки получают новый вертикальный ритм, сцены перестраиваются, фильтры становятся горизонтальными, а преимущества, процедуры, фотографии и видео превращаются в управляемые слайдеры.
LASERTECH Academy
Обучение, практика, материалы и сопровождение представлены самостоятельной частью истории. Контрастный жёлтый блок отделяет Academy от каталога, а реальные фотографии выпускников, сертификаты и видеоотзывы показывают среду вокруг продукта.
Собственная система управления
Внутри промосайта работает защищённая конфигурационная платформа. Через админку можно управлять товарами, описаниями, ценами, скидками, изображениями, 360°-кадрами, видео, палитрами, FAQ, связями с процедурами, контактами, SEO, Open Graph и CRM.
Перед сохранением создаются резервные копии, для товаров и процедур ведётся история с восстановлением. Новый аппарат подключается к общему шаблону и автоматически появляется в меню, каталоге, фильтрах, sitemap и связанных блоках.
Заявки и Bitrix24
В CRM передаются имя, телефон, страница, модель, тип формы, дата обучения и UTM-метки. Для страниц оборудования система находит товар в каталоге Bitrix24 и добавляет его в сделку. Клиентская и серверная защита блокирует дубли и спам.
SEO и миграция
Для замены предыдущей площадки составлена карта из 48 адресов и настроены постоянные редиректы. Канонические URL приведены к единому формату, исключены PHP-дубли и ложные 404. Для главной и восьми товаров подготовлены уникальные Title и Description, Product, Offer, FAQPage и BreadcrumbList.
Как шла работа
- 30 июля: визуальное направление, pop-art, hero и основа дизайн-системы;
- 1–3 августа: структура, каталог, ALFA, 360°, товарный шаблон, PHP-конфигурация и админка;
- 11–12 августа: адаптив, слайдеры, контент, галереи и FAQ;
- 13 августа: материалы X и RF, стандарт изображений;
- 13–14 августа: SEO, миграция, Bitrix24, аналитика и финальная сборка.
Результат
LASERTECH получил работающую PWA-систему: главную, восемь лендингов, каталог процедур, семь 360°-презентаций, адаптив, собственную админку, Bitrix24, аналитику, SEO и архитектуру для новых моделей.
Проект только запущен, поэтому конверсию и другие маркетинговые показатели оценивать рано. Зафиксированный результат этого этапа — созданная, протестированная и запущенная платформа.
