Dl04
Одностраничный продуктовый лендинг для диодного лазера DL-04 (2000 Вт) от компании «Мир Косметолога» (Кременчуг). Разработка с нуля: концепция, UX/UI-дизайн и фронтенд-реализация.
Сайт построен на Next.js с SSR-рендерингом и motion-анимациями. Сочетание шрифтов Cormorant Garamond + Manrope + JetBrains Mono и премиальная типографическая сетка формируют образ медицинского оборудования высшего класса.
Прелоадер с счетчиком инициализации, скролл-анимации, интерактивные элементы — все работает на эмоцию «технологического флагмана».
Реализовано:
- Hero-секция с анимированным заголовком DL-04, ключевыми ТТХ (2000 Вт / 808 нм / −18°C / 100 млн вспышек) и двумя CTA
- Блок наград (TOP Ukrainian Award 2024, Выбор страны, Выбор потребителя 2025, Бизнес 2025)
- «О основательницах» — история женского бизнеса с нуля, счетчики достижений
- 6 преимуществ аппарата с конкретными бизнес-метриками (мощность, охлаждение, ресурс, ROI)
- Галерея «DL-04 в работе» с кейсами реальных салонов-партнеров
- Технический блок о 4-уровневой системе охлаждения с пошаговой инфографикой
- 2 направления применения: лазерная эпиляция + омоложение кожи (с потенциалом дохода)
- Сравнительная таблица «DL-04 vs рынок» с конкретными цифрами преимущества
- Интерактивный ROI-калькулятор — слайдеры «клиентов в день» / «цена процедуры» с расчетом месячного дохода, окупаемости и годовой прибыли в реальном времени
- Компас-визуализация «путь к успеху» с пошаговым сопровождением (консультация → доставка → обучение → запуск)
- Блок бесплатного обучения в салоне клиента (3 этапа: теория, практика, маркетинг)
- Сертификация и сервисный центр
- FAQ-аккордеон
- Финальная форма заявки
- Адаптивная верстка, мобильное меню
Стек: Next.js, React, SSR, кастомные анимации, адаптивный CSS.
Сайт построен на Next.js с SSR-рендерингом и motion-анимациями. Сочетание шрифтов Cormorant Garamond + Manrope + JetBrains Mono и премиальная типографическая сетка формируют образ медицинского оборудования высшего класса.
Прелоадер с счетчиком инициализации, скролл-анимации, интерактивные элементы — все работает на эмоцию «технологического флагмана».
Реализовано:
- Hero-секция с анимированным заголовком DL-04, ключевыми ТТХ (2000 Вт / 808 нм / −18°C / 100 млн вспышек) и двумя CTA
- Блок наград (TOP Ukrainian Award 2024, Выбор страны, Выбор потребителя 2025, Бизнес 2025)
- «О основательницах» — история женского бизнеса с нуля, счетчики достижений
- 6 преимуществ аппарата с конкретными бизнес-метриками (мощность, охлаждение, ресурс, ROI)
- Галерея «DL-04 в работе» с кейсами реальных салонов-партнеров
- Технический блок о 4-уровневой системе охлаждения с пошаговой инфографикой
- 2 направления применения: лазерная эпиляция + омоложение кожи (с потенциалом дохода)
- Сравнительная таблица «DL-04 vs рынок» с конкретными цифрами преимущества
- Интерактивный ROI-калькулятор — слайдеры «клиентов в день» / «цена процедуры» с расчетом месячного дохода, окупаемости и годовой прибыли в реальном времени
- Компас-визуализация «путь к успеху» с пошаговым сопровождением (консультация → доставка → обучение → запуск)
- Блок бесплатного обучения в салоне клиента (3 этапа: теория, практика, маркетинг)
- Сертификация и сервисный центр
- FAQ-аккордеон
- Финальная форма заявки
- Адаптивная верстка, мобильное меню
Стек: Next.js, React, SSR, кастомные анимации, адаптивный CSS.