Web stranica
- Želim ponudu za: Izrada web stranice
- Vrsta stranice?: Ostalo
SCOPE OF WORK (SOW)
________________________________________
1) Cilj projekta
Izraditi produkcijski spremnu WordPress web stranicu s: - AI chatbotom za pitanja (OpenAI Responses API) - Pretplatama (mjesečni planovi) i zaštitom sadržaja za prijavljene korisnike - Mogućnošću promocije/affiliate proizvoda) - Blogom, newsletterom, pravnim stranicama i jednostavnim CMS‑om
________________________________________
2) Tehnologija i stack
• CMS: WordPress (aktualna LTS verzija)
• Tema: već postoji
• AI: OpenAI Responses API (model: gpt‑4o‑mini ili drugi, promjenjiv u postavkama)
• Plaćanja: Stripe ili slično (mjesečne pretplate) + alternativno PayPal
• Newsletter: Brevo (već postoji)
• SEO: RankMath ili Yoast
• Analitika: Google Analytics 4 + Google Search Console
• Sigurnost: osnovni security plugin (npr. WP Cerber / Wordfence), dnevni backup
• Keširanje/performanse: LiteSpeed Cache ili WP Rocket (ovisno o hostingu)
________________________________________
3) Dostupni resursi (dostavlja naručitelj)
• Logo (PNG/SVG), vizualni identitet (boje, tipografija)
• Tekstovi: O nama, Privacy Policy, Terms, 10 blog tekstova, …
________________________________________
4) Struktura weba (sadržajne cjeline)
1. Početna
o Hero (headline, CTA „Započni besplatno”)
o Kako radi (3 koraka)
o Pretplatnički paketi (Free / Basic / Premium)
o Newsletter sekcija (lead magnet: e‑book)
o Trust elementi: ikone, mini FAQ
2. AI savjetnik (samo prijavljeni)
o Shortcode [chat]
o Kratke upute korisniku
3. Planovi i cijene
o Tablica paketa; poveznice na Stripe checkout / portal pretplate
o FAQ o pretplati i otkazivanju
4. Suplementi / Preporuke
o Kategorije ()
o Kartice proizvoda s affiliate linkovima (nije potreban cart)
5. Blog / Edukacija
o Arhiva + single post; kategorije i tagovi; povezani članci
6. O nama
o Misija, kako koristimo AI, disclaimers
7. Kontakt
o WPForms; poruke idu na admin e‑mail; reCAPTCHA
8. Privacy Policy i Terms & Conditions
o GDPR‑usuglašeno; cookie banner
________________________________________
5) Funkcionalni zahtjevi
• AI Chatbot:
o Server‑side poziv prema https://api.openai.com/v1/responses (Responses API).
o Admin postavke za: API ključ, model, popis zaštićenih slugova.
o Nonce zaštita i AJAX preko admin-ajax.php.
o Logika i UI prema pluginu nutrial-core (u ZIP‑u).
• Zaštita sadržaja:
o Stranice u popisu „zaštićenih slugova” dostupne samo prijavljenima; gosti → redirect na login.
• Pretplate:
o Stripe proizvodi/cjenici (različite cijene paketa mjesečno).
o Checkout linkovi na „Planovi i cijene”.
o Portal za upravljanje pretplatom.
• Newsletter:
o Brevo embed forma na Početnoj + double opt‑in.
• Affiliate blok:
o Kartice proizvoda s vanjskim linkom (target=_blank, rel=nofollow sponsored).
• Višejezičnost (opcionalno, faza 2): WPML ili Polylang + prevođenje ključnih stranica.
________________________________________
6) Nefunkcionalni zahtjevi
• Performanse:
o Core Web Vitals: LCP < 2.5s, CLS < 0.1, TBT < ms na Početnoj.
o Kompresija slika (WebP/AVIF), lazy load, keširanje.
• Sigurnost:
o Redovni backup (dnevni), login-rate limit, automatske WP/plug‑in nadogradnje (manje).
o API ključ skriven u WP options/server varijablama (ne u frontendu).
• SEO:
o Čisti URL‑ovi, meta naslovi/opisi, schema markup (Organization, Article).
o Sitemap i robots.txt; Search Console verifikacija.
• Pristupačnost:
o Kontrast, alt tekstovi, fokus stilovi, semantika naslova.
________________________________________
7) Dizajn i stil
• Boje: primarna zelena (#00A36C—primjer), sekundarna tamna (#D), naglasak (#0EA5E9).
• Tipografija: sans‑serif (npr. Inter/Poppins).
• UI: zaobljeni rubovi, sjene niskog intenziteta, čiste sekcije s dovoljno bijelog prostora.
• Elementor sekcije: hero, features 3‑kolone, pricing 3‑kolone, newsletter, FAQ.
________________________________________
8) Sadržaj i migracija
• Učitati dostavljene tekstove u Media Library.
• Postaviti 10 blog tekstova i rasporediti po kategorijama.
• Postaviti footer linkove: Privacy, Terms, Kontakt.
________________________________________
9) Integracije i konfiguracija
• Stripe: kreirati proizvode/cjenike; checkout i customer portal linkovi u „Planovi i cijene”.
• Brevo:
• GA4 + GSC: implementacija i verifikacija; osnovni eventi (CTA klikovi, newsletter submit).
• Cookie banner (npr. Complianz) s osnovnom konfiguracijom.
________________________________________
10) Administracija i uloge
• Uloge: Administrator.
• Novi korisnik se registrira kao Subscriber; pristup „AI savjetnik“ samo logged‑in.
________________________________________
11) Dostava i prihvaćanje
Prihvatni kriteriji: - Sve stranice iz točke 4 objavljene i responzivne (desktop/tablet/mobitel).
- AI chat funkcionalan; promjena modela i API ključa u Adminu radi.
- Zaštita „AI savjetnik“: gosti → login redirect; prijavljeni vide sadržaj.
- Stripe checkout i portal pretplate dostupni i testirani (test mode).
- Newsletter forma radi (testni opt‑in).
- Core Web Vitals pragovi zadovoljeni na Početnoj (PageSpeed ≥ 85 mobile).
- Sitemap i GSC povezani; osnovni SEO meta podaci uneseni.
Predaja: - Admin pristupi, ZIP/time‑stamped backup, popis pluginova/tema i postavki.
________________________________________
14) Dodatno
• Višejezičnost (WPML/Polylang) i lokalizacija sadržaja
• Članstvo i paywall naprednije (MemberPress/Restrict Content Pro)
• Uvoz kataloga proizvoda preko feeda, napredni filteri
• Mobilna aplikacija (React Native + iste API logike)
________________________________________
