VIOLETTE — онлайн-магазин нішевої парфумерії (HTML/CSS/JS)
Повноцінний макет онлайн-магазину нішевої парфумерії VIOLETTE з елегантним фіолетовим дизайном. Реалізовано на чистому стеку без фреймворків та збірки.
Що зроблено:
• Головна сторінка — hero-секція, рухомий рядок переваг, ольфакторні родини, бестселери, промо-банер із таймером зворотного відліку, відгуки, форма підписки.
• Каталог — сітка товарів із фільтрами (родина, для кого, ціна) та сортуванням (популярність, ціна, рейтинг, новинки).
• Картка товару — галерея, піраміда нот (верх/серце/база), вибір об'єму 30/50/100 мл з автоматичним перерахунком ціни, лічильник кількості, схожі аромати.
• Кошик — зміна кількості, видалення, промокоди, розрахунок доставки, оформлення замовлення. Дані зберігаються у localStorage та синхронізуються між сторінками.
• Повністю адаптивний дизайн, анімації появи при скролі, спливаючі сповіщення, мобільне меню.
Стек: HTML5, CSS3 (Flexbox, Grid, CSS-змінні, анімації), ванільний JavaScript (ES6+).
Інтерфейс українською, ціни у гривнях.
#html #css #javascript #frontend #верстка #вебдизайн #адаптивнаверстка #лендинг #інтернетмагазин #ui
Що зроблено:
• Головна сторінка — hero-секція, рухомий рядок переваг, ольфакторні родини, бестселери, промо-банер із таймером зворотного відліку, відгуки, форма підписки.
• Каталог — сітка товарів із фільтрами (родина, для кого, ціна) та сортуванням (популярність, ціна, рейтинг, новинки).
• Картка товару — галерея, піраміда нот (верх/серце/база), вибір об'єму 30/50/100 мл з автоматичним перерахунком ціни, лічильник кількості, схожі аромати.
• Кошик — зміна кількості, видалення, промокоди, розрахунок доставки, оформлення замовлення. Дані зберігаються у localStorage та синхронізуються між сторінками.
• Повністю адаптивний дизайн, анімації появи при скролі, спливаючі сповіщення, мобільне меню.
Стек: HTML5, CSS3 (Flexbox, Grid, CSS-змінні, анімації), ванільний JavaScript (ES6+).
Інтерфейс українською, ціни у гривнях.
#html #css #javascript #frontend #верстка #вебдизайн #адаптивнаверстка #лендинг #інтернетмагазин #ui