Dl04
One-page product landing for the DL-04 diode laser (2000 W) from the company "World of Cosmetologist" (Kremenchuk). Development from scratch: concept, UX/UI design, and frontend implementation.
The site is built on Next.js with SSR rendering and motion animations. The combination of Cormorant Garamond + Manrope + JetBrains Mono fonts and a premium typographic grid creates the image of high-class medical equipment. A preloader with an initialization counter, scroll animations, and interactive elements all evoke the emotion of a "technological flagship."
Implemented:
- Hero section with an animated title DL-04, key specifications (2000 W / 808 nm / −18°C / 100 million flashes) and two CTAs
- Awards block (TOP Ukrainian Award 2024, Country's Choice, Consumer's Choice 2025, Business 2025)
- "About the Founders" — the story of a women's business from scratch, achievement counters
- 6 advantages of the device with specific business metrics (power, cooling, resource, ROI)
- Gallery "DL-04 in Action" with case studies from real partner salons
- Technical block about the 4-level cooling system with step-by-step infographics
- 2 application areas: laser hair removal + skin rejuvenation (with income potential)
- Comparative table "DL-04 vs Market" with specific figures of advantage
- Interactive ROI calculator — sliders for "clients per day" / "procedure price" with real-time calculations of monthly income, payback, and annual profit
- Compass visualization "Path to Success" with step-by-step guidance (consultation → delivery → training → launch)
- Block for free training at the client's salon (3 stages: theory, practice, marketing)
- Certification and service center
- FAQ accordion
- Final application form
- Adaptive layout, mobile menu
Stack: Next.js, React, SSR, custom animations, adaptive CSS.
The site is built on Next.js with SSR rendering and motion animations. The combination of Cormorant Garamond + Manrope + JetBrains Mono fonts and a premium typographic grid creates the image of high-class medical equipment. A preloader with an initialization counter, scroll animations, and interactive elements all evoke the emotion of a "technological flagship."
Implemented:
- Hero section with an animated title DL-04, key specifications (2000 W / 808 nm / −18°C / 100 million flashes) and two CTAs
- Awards block (TOP Ukrainian Award 2024, Country's Choice, Consumer's Choice 2025, Business 2025)
- "About the Founders" — the story of a women's business from scratch, achievement counters
- 6 advantages of the device with specific business metrics (power, cooling, resource, ROI)
- Gallery "DL-04 in Action" with case studies from real partner salons
- Technical block about the 4-level cooling system with step-by-step infographics
- 2 application areas: laser hair removal + skin rejuvenation (with income potential)
- Comparative table "DL-04 vs Market" with specific figures of advantage
- Interactive ROI calculator — sliders for "clients per day" / "procedure price" with real-time calculations of monthly income, payback, and annual profit
- Compass visualization "Path to Success" with step-by-step guidance (consultation → delivery → training → launch)
- Block for free training at the client's salon (3 stages: theory, practice, marketing)
- Certification and service center
- FAQ accordion
- Final application form
- Adaptive layout, mobile menu
Stack: Next.js, React, SSR, custom animations, adaptive CSS.