AURA Boutique — Premium eCommerce Landing Page z integracją WFP

Opracowałem wysoce estetyczny i zaawansowany technicznie landing page dla butiku sukien wieczorowych klasy premium AURA. Głównym zadaniem było oddanie atmosfery ekskluzywności marki poprzez język wizualny oraz zapewnienie płynnego procesu zakupu dzięki zintegrowanemu systemowi płatności online.

Co zostało zrealizowane:
Design UI/UX: Ekskluzywna ciemna estetyka, akcentująca typografia (Playfair Display), złote gradienty oraz efekty „szklanego” designu (glassmorphism). Pełna responsywność zgodnie z zasadą Mobile-First.

Interaktywny katalog: Karty produktów z niestandardowymi sliderami zdjęć, wyborem rozmiarów i kolorów z natychmiastową reakcją wizualną.

System płatności online: Pełna integracja widżetu WayForPay. Wdrożono bezpieczny system generowania podpisu (merchantSignature) po stronie serwera (PHP) w celu ochrony transakcji.

Koszyk i Checkout: Lekki panel boczny (Drawer) do zarządzania zakupami bez przeładowywania strony z dynamicznym naliczaniem kosztów.

Lokalizacja: System błyskawicznego przełączania języków (UA/EN) dla wszystkich bloków tekstowych, atrybutów i metadanych bez odświeżania strony.

SEO i optymalizacja wydajności:
Wskaźniki PageSpeed: Osiągnięto wynik 90+ punktów dzięki zastosowaniu formatu WebP, kompresji Gzip, buforowaniu (caching) przez .htaccess oraz priorytetyzacji renderowania ekranu głównego (LCP).

Wyniki rozszerzone: Wdrożono mikrodane JSON-LD (Schema.org) dla podmiotów ClothingStore i Product, co pozwala Google wyświetlać ceny i dostępność bezpośrednio w wynikach wyszukiwania.

Social Preview: Pełna obsługa znaczników Open Graph i Twitter Cards dla poprawnego wyświetlania linków w komunikatorach i mediach społecznościowych.

Stos technologiczny:
Frontend: HTML5 (Semantyka), CSS3 (Custom Glassmorphism), JavaScript (ES6+).

Backend: PHP (Generowanie podpisów HMAC, przetwarzanie zamówień, powiadomienia Email/Telegram).

Narzędzia: WayForPay API, JSON-LD, Open Graph, WebP.

Bezpieczeństwo:
Ochrona przed kopiowaniem treści, blokowanie narzędzi deweloperskich (anti-debug), ochrona przed XSS oraz wymuszony protokół HTTPS.

P.S. Projekt stworzony do celów portfolio. Możliwość wykupu:

Na wyłączność (pełne przekazanie praw autorskich i kodu źródłowego);

Na warunkach licencji (prawo do korzystania bez możliwości odsprzedaży kodu).