Створення сайту. Frontend + Backend

Опис проєкту: Це комплексне рішення для презентації та автоматизації продажів дебютного роману в жанрі психологічної драми. Проєкт реалізований повністю «під ключ»: від створення візуальної концепції (UI/UX) до програмування та налаштування платіжного шлюзу.

Ключові особливості та виконана робота:

Авторський дизайн (UI/UX): Дизайн розроблений мною з нуля. Щоб передати містичну та психологічну атмосферу книги, була обрана глибока темна кольорова гама з акцентами терракоту та золота. Використано складні графічні рішення: кастомні SVG-віньєтки, ефекти задимлення та паралакс-елементи, що створюють ефект занурення.
Розробка на чистому коді (Vanilla Stack): Сайт створено без використання конструкторів (Tilda, Elementor тощо). Використано стек HTML5, CSS3 та Vanilla JavaScript. Це дозволило досягти максимальної продуктивності, чистоти коду та миттєвого завантаження сторінок.
Інтеграція платіжної системи (Monobank): Реалізовано повноцінний цикл продажу цифрового контенту:
Розроблено багатокрокову форму оформлення замовлення.
Інтегровано еквайринг Monobank (Mono Pay) із підтримкою Apple Pay та Google Pay.
Налаштовано систему промокодів для маркетингових активностей.
Автоматизація: реалізовано автоматичне відправлення файлів книги на Email покупця після успішної транзакції (через API).
Інтерактивність та Mobile-First: Сайт повністю адаптивний. Для мобільних користувачів розроблено унікальне «Меню Відкриттів» (Discovery Menu), що забезпечує зручну навігацію. Додано плавні анімації появи блоків (Reveal API) та інтерактивні модальні вікна.
Технічна оптимізація: Налаштовано мета-теги Open Graph для коректного відображення посилань у соцмережах (Instagram, Telegram, TikTok) та проведено базову SEO-оптимізацію.
Технологічний стек: HTML5, CSS3, JavaScript (ES6+), Monobank API, Resend API (для автоматизації поштових розсилань).

Результат: Стильний та швидкий інструмент продажу, який автоматизує шлях клієнта: від знайомства з автором до отримання електронної книги на пошту.

#webdevelopment #landingpage #дизайн #розробка #monobank #frontend #vanillajs #uxui #ecommerce #портфоліо #розробкасайтів