Tworzenie strony internetowej. Frontend + Backend

Opis projektu: To kompleksowe rozwiązanie do prezentacji i automatyzacji sprzedaży debiutanckiej powieści w gatunku dramatu psychologicznego. Projekt zrealizowany w pełni "pod klucz": od stworzenia wizualnej koncepcji (UI/UX) po programowanie i konfigurację bramki płatniczej.

Kluczowe cechy i wykonana praca:

Autorski design (UI/UX): Design opracowany przeze mnie od podstaw. Aby oddać mistyczną i psychologiczną atmosferę książki, wybrano głęboką ciemną paletę kolorów z akcentami terakoty i złota. Zastosowano złożone rozwiązania graficzne: niestandardowe SVG-winiecie, efekty dymienia oraz elementy parallax, które tworzą efekt zanurzenia.
Rozwój na czystym kodzie (Vanilla Stack): Strona stworzona bez użycia konstruktorów (Tilda, Elementor itp.). Wykorzystano stos HTML5, CSS3 i Vanilla JavaScript. To pozwoliło osiągnąć maksymalną wydajność, czystość kodu i błyskawiczne ładowanie stron.
Integracja systemu płatności (Monobank): Zrealizowano pełny cykl sprzedaży treści cyfrowych:
Opracowano wieloetapowy formularz składania zamówienia.
Zintegrowano ekwiryng Monobank (Mono Pay) z obsługą Apple Pay i Google Pay.
Skonfigurowano system kodów promocyjnych dla działań marketingowych.
Automatyzacja: zrealizowano automatyczne wysyłanie plików książki na e-mail kupującego po udanej transakcji (przez API).
Interaktywność i Mobile-First: Strona jest w pełni responsywna. Dla użytkowników mobilnych opracowano unikalne "Menu Odkryć" (Discovery Menu), które zapewnia wygodną nawigację. Dodano płynne animacje pojawiania się bloków (Reveal API) oraz interaktywne okna modalne.
Optymalizacja techniczna: Skonfigurowano meta-tagi Open Graph dla poprawnego wyświetlania linków w mediach społecznościowych (Instagram, Telegram, TikTok) oraz przeprowadzono podstawową optymalizację SEO.
Technologiczny stos: HTML5, CSS3, JavaScript (ES6+), Monobank API, Resend API (do automatyzacji wysyłek mailowych).

Rezultat: Stylowe i szybkie narzędzie sprzedaży, które automatyzuje ścieżkę klienta: od zapoznania się z autorem do otrzymania e-booka na e-mail.

#webdevelopment #landingpage #design #rozwój #monobank #frontend #vanillajs #uxui #ecommerce #portfolio #rozwójsitów