AURA Boutique — Премиальный eCommerce лендинг с интеграцией WFP

Разработал высокоэстетичный и технически сложный лендинг для бутика вечерних платьев премиум-сегмента AURA. Основная задача — передать атмосферу эксклюзивности бренда через визуальный язык и обеспечить безупречный процесс покупки с использованием интегрированной системы онлайн-оплат.

Что было реализовано:
UI/UX Дизайн: Премиальная темная эстетика, акцентная типографика (Playfair Display), золотые градиенты и эффекты «стеклянного» дизайна (glassmorphism). Полная адаптивность по принципу Mobile-First.

Интерактивный каталог: Карточки товаров с кастомными слайдерами изображений, выбором размеров и цветов с мгновенным визуальным откликом.

Система онлайн-оплат: Полная интеграция виджета WayForPay. Реализована безопасная система генерации подписи (merchantSignature) на стороне сервера (PHP) для защиты транзакций.

Корзина и Checkout: Легкая боковая панель (Drawer) для управления покупками без перезагрузки страницы с динамическим расчетом стоимости.

Локализация: Система мгновенного переключения языков (UA/EN) для всех текстовых блоков, атрибутов и мета-данных без обновления страницы.

SEO и оптимизация производительности:
Показатели PageSpeed: Достигнут результат 90+ баллов за счет использования формата WebP, сжатия Gzip, кеширования через .htaccess и приоритезации отрисовки главного экрана (LCP).

Расширенные сниппеты: Внедрена микроразметка JSON-LD (Schema.org) для сущностей ClothingStore и Product, что позволяет Google отображать цены и наличие прямо в поиске.

Social Preview: Полная разметка Open Graph и Twitter Cards для корректного отображения ссылок в мессенджерах и соцсетях.

Технологический стек:
Frontend: HTML5 (Семантика), CSS3 (Custom Glassmorphism), JavaScript (ES6+).

Backend: PHP (Генерация подписей HMAC, обработка заказов, Email/Telegram уведомления).

Инструменты: WayForPay API, JSON-LD, Open Graph, WebP.

Безопасность:
Защита от копирования контента, блокировка инструментов разработчика (anti-debug), защита от XSS и принудительный HTTPS.

P.S. Разработано для портфолио. Возможен выкуп:

Эксклюзивно (полная передача всех прав и исходного кода);

На условиях лицензии (право использования без возможности перепродажи кода).