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.