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-флоу: от первого экрана до оформления заказа.