Project Title: Premium Landing Page for "Illusion" (Psychologica
Overview: I developed a high-end, high-performance landing page for the debut novel "Illusion" by Marin Rose. This project was a comprehensive "from-scratch" build, where I handled everything from the initial UI/UX visual concept to the final technical implementation and payment system integration.
Key Deliverables & Features:
Custom UI/UX Design: The design is 100% original, crafted to mirror the book's atmospheric and psychological themes. I utilized a deep, moody color palette with gold and terracotta accents. To elevate the user experience, I integrated complex visual elements including custom smoke effects, SVG vignettes, and parallax scrolling.
Engineering Excellence (Vanilla Stack): The site was built using clean HTML5, CSS3, and Vanilla JavaScript. By avoiding heavy frameworks or page builders (like Elementor or Tilda), I achieved near-instant load times and complete control over every animation and interaction.
Payment Gateway Integration: I implemented a secure, automated checkout flow using the Monobank (Mono Pay) API.
Features: Multi-step order form, real-time Email validation, and a dynamic promo code system.
Payment Methods: Supports Apple Pay, Google Pay, and credit cards.
Automation: Integrated with Resend API for automatic delivery of digital content (PDF/ePub) upon successful payment.
Interactive Mobile Experience: Adopting a "Mobile-First" philosophy, I developed a unique "Discovery Menu" specifically for mobile users, ensuring that navigation through the book's lore is as immersive on a phone as it is on a desktop.
SEO & Technical Marketing: Configured full Open Graph (OG) metadata for social media previews and optimized the code for SEO performance.
Tech Stack: HTML5, CSS3 (Keyframes & SVGs), JavaScript (ES6+), Monobank API, Resend API.
The Result: A conversion-focused, visually stunning digital storefront that automates the entire sales cycle—from first impression to digital delivery.
#webdevelopment #landingpage #дизайн #розробка #monobank #frontend #vanillajs #uxui #ecommerce #портфоліо #розробкасайтів
Key Deliverables & Features:
Custom UI/UX Design: The design is 100% original, crafted to mirror the book's atmospheric and psychological themes. I utilized a deep, moody color palette with gold and terracotta accents. To elevate the user experience, I integrated complex visual elements including custom smoke effects, SVG vignettes, and parallax scrolling.
Engineering Excellence (Vanilla Stack): The site was built using clean HTML5, CSS3, and Vanilla JavaScript. By avoiding heavy frameworks or page builders (like Elementor or Tilda), I achieved near-instant load times and complete control over every animation and interaction.
Payment Gateway Integration: I implemented a secure, automated checkout flow using the Monobank (Mono Pay) API.
Features: Multi-step order form, real-time Email validation, and a dynamic promo code system.
Payment Methods: Supports Apple Pay, Google Pay, and credit cards.
Automation: Integrated with Resend API for automatic delivery of digital content (PDF/ePub) upon successful payment.
Interactive Mobile Experience: Adopting a "Mobile-First" philosophy, I developed a unique "Discovery Menu" specifically for mobile users, ensuring that navigation through the book's lore is as immersive on a phone as it is on a desktop.
SEO & Technical Marketing: Configured full Open Graph (OG) metadata for social media previews and optimized the code for SEO performance.
Tech Stack: HTML5, CSS3 (Keyframes & SVGs), JavaScript (ES6+), Monobank API, Resend API.
The Result: A conversion-focused, visually stunning digital storefront that automates the entire sales cycle—from first impression to digital delivery.
#webdevelopment #landingpage #дизайн #розробка #monobank #frontend #vanillajs #uxui #ecommerce #портфоліо #розробкасайтів
Ukraine 
Available for hire
Offer work