LUMÉ — Інтернет-магазин натуральної косметики Лендінг-пейдж / Fr

LUMÉ —ДЕМО Інтернет-магазин натуральної косметики
Лендінг-пейдж / Frontend-розробка
Про проект
LUMÉ — концептуальний інтернет-магазин натуральної косметики для українського ринку. Проект реалізований як повноцінний одностронковий лендінг з акцентом на преміальну естетику, чистий дизайн та конверсію.
Що реалізовано
UI/UX
Адаптивна верстка (mobile-first) — коректне відображення на всіх пристроях
Анімована шапка з прокруткою та мобільним бургер-меню
Hero-секція з курсивними акцентами, статистикою та CTA-кнопками
Рядок, що прокручується (marquee) з перевагами бренду
Фільтрація товарів по категоріях (Всі / Обличчя / Тіло / Волосся)
Картки товарів з hover-ефектами та кнопкою «В кошик»
Секції: категорії, хіти продажів, акція тижня, переваги, відгуки, футер
Функціонал кошика
Додавання / видалення товарів без перезавантаження сторінки
Лічильник товарів у шапці з динамічним оновленням
Підрахунок суми замовлення в реальному часі
Слайдер-кошик з боку екрана (drawer)
Технічне
Чистий HTML5, CSS3, Vanilla JS — без фреймворків
CSS-змінні для єдиної дизайн-системи
Плавна прокрутка до секцій через навігацію
Оптимізовані зображення через Unsplash CDN
Стек
HTML5 CSS3 JavaScript (ES6+)
Результат
Готовий до презентації клієнту прототип магазину з повноцінним UX-флоу: від першого екрану до оформлення замовлення.