Followo je AI-powered sales follow-up CRM brend usmjeren na prodajne timove na tržištima Velike Britanije i SAD-a. Za klijenta smo dizajnirali i razvili kompletnu službenu web stranicu (followo.app) — premium marketinšku web platformu koja predstavlja proizvod, gradi brand percepciju i konvertira posjetitelje u kvalificirane leadove. Cilj projekta nije bila izrada same aplikacije, već razvoj moderne, brze i SEO/AEO-optimizirane web stranice koja je tehnološki i vizualno na razini najboljih SaaS brendova današnjice.

Case Study: Izrada moderne web stranice za AI CRM brend Followo

Klijent: Followo (followo.app)
Industrija: SaaS / Sales Automation / AI CRM
Tržišta: United Kingdom, United States (London, New York, Columbia SC)
Cilj projekta: Razvoj moderne marketinške web stranice s premium dizajnom, custom CMS-om, naprednim formama, AI demo elementima i enterprise hosting infrastrukturom

IZAZOV

Followo je tražio web stranicu koja izlazi iz okvira klasičnih SaaS landinga — modernu, brzu i premium prezentaciju koja jasno komunicira što je AI sales follow-up, gradi povjerenje na strogo reguliranim UK i US tržištima i istovremeno generira kvalificirane leadove kroz pažljivo dizajnirane konverzijske točke. Web stranica je morala biti potpuno custom, bez templatea, optimizirana za klasične tražilice i nove AI tražilice (ChatGPT, Perplexity, Google AI Overviews), te u potpunosti usklađena s GDPR / UK-GDPR / CCPA regulativom.

• potpuno custom web dizajn i brand identitet — bez ijednog gotovog templatea
• razvoj custom CMS-a za blog, newsletter, kontakt i lead capture
• integracija interaktivnih AI demo widgeta unutar same web stranice
• napredne forme s anti-spam zaštitom i transakcijskim email tokovima
• enterprise hosting (Cloudflare + Vercel) s globalnim CDN-om i edge logikom
• puna GDPR / UK-GDPR / CCPA usklađenost (Consent Mode v2, cookie banner)
• maksimalna brzina učitavanja i top Core Web Vitals score
• SEO / AEO / AIO / GEO master paket za UK i US lokalna tržišta

NAŠ PRISTUP

Web stranicu smo gradili sloj po sloj — od dizajn sustava i frontenda, preko custom CMS-a i sustava formi, do AI integracija, sigurnosne mreže i SEO arhitekture. Cilj je bio isporučiti web prezentaciju koja je istovremeno marketinški alat, brand iskaznica i tehnološka baza spremna za dugoročni rast, koristeći moderan stack (Lovable, React, Tailwind, Supabase / Lovable Cloud, Cloudflare, Vercel) i custom-built komponente bez tehničkog duga.

1. UX/UI web dizajn od nule (premium AI-first sustav)

• kompletan custom design system za web — bez templatea i bez gotovih UI kitova
• tipografska hijerarhija: Instrument Serif (display), Geist (heads), DM Sans (body)
• brand paleta: violet #7C3AED (AI accent) i blue #2563EB (primary CTA)
• 1200px max-width layout, #FAFAF8 pozadina, 16px radius, suptilni film grain
• napredni motion sustav (Framer Motion, spring physics, Y-axis slide tranzicije)

2. Frontend razvoj web stranice (Lovable + React)

• React 18 + TypeScript 5 + Vite 5 + Tailwind CSS v3 + shadcn/ui
• 17 marketing stranica: Home, Features, Pricing, Solutions, Use Cases, Integrations, Security, Blog, Blog Post, About, Contact, Support, Signup, Privacy, Cookies, Terms, 404
• custom widgeti unutar web stranice: AI live demo, tone selector, smart pipeline, follow-up alerts, team analytics
• terminal-style UI komponente s real-time tipkanjem i mikro-interakcijama
• fully responsive — mobile-first, optimizirano od mobitela do 4K ekrana

3. Custom CMS i backend za web stranicu (Supabase / Lovable Cloud)

• custom database schema dizajnirana od nule prema potrebama marketinškog tima
• blog CMS, newsletter baza, kontakt submisije, lead capture, demo requestovi
• Row-Level Security (RLS) i odvojena tablica korisničkih rola (zaštita podataka)
• edge functions za server-side logiku (slanje emailova, webhookovi, AI pozivi)
• storage za blog medije, OG slike i email template assete

4. Napredni sustav formi na web stranici

• kontakt forma, signup, newsletter, support i demo request forme
• real-time validacija (Zod sheme) i strukturirana obrada grešaka
• anti-spam zaštita kroz Cloudflare Turnstile (umjesto Google reCAPTCHA)
• transakcijski emailovi i double opt-in newsletter workflow
• direktna integracija lead capture-a s CRM-om i Slack notifikacijama

5. AI elementi unutar web stranice (Lovable AI Gateway)

• interaktivni AI live demo na homepageu — posjetitelj testira proizvod direktno na web stranici
• tone selector widget s 5 ton-ova generiranja (friendly, formal, direct, persuasive, casual)
• jedinstveni gateway prema Gemini i GPT-5 modelima — bez upravljanja API ključevima
• kontekstualno generiranje primjera follow-up emailova u realnom vremenu
• AI demo blokovi kao glavni konverzijski mehanizam web stranice

6. Sigurnost i hosting infrastruktura web stranice

• Cloudflare CDN + WAF — globalna distribucija i firewall na rubu mreže
• Cloudflare Workers — edge logika, redirecti, header injection, geo routing
• Cloudflare Turnstile — privacy-first bot protection na svim formama
• Vercel hosting s preview deploy-evima za svaki branch i automatskim SSL-om
• custom domena, DDoS zaštita, rate limiting, GDPR/UK-GDPR cookie banner i Google Consent Mode v2

7. Integracije web stranice s vanjskim servisima

• Gmail / Outlook / SMTP za transakcijske mailove i forme
• Google Workspace i Google Calendar — booking demo i sastanaka direktno s weba
• Slack notifikacije za nove leadove i kontakt submisije u realnom vremenu
• Zapier i webhook layer za telefonske / SMS notifikacije i custom workflowove
• mailing platforma za newsletter, segmentaciju i email kampanje

8. SEO, AEO, AIO i GEO optimizacija web stranice

• per-page meta arhitektura za svih 17 stranica (title, description, OG, Twitter, canonical)
• JSON-LD strukturirani podaci: Organization, WebSite, SoftwareApplication, Product, FAQPage, LocalBusiness × 3 lokacije
• llms.txt i robots.txt s allow-listom za GPTBot, ClaudeBot, PerplexityBot, Google-Extended
• kompletan sitemap.xml i AEO Q&A blokovi za AI Overviews i ChatGPT Search
• lokalni GEO targeting (London UK, New York NY, Columbia SC) + GA4 (G-9GR1121M77) s Consent Mode v2

KREIRANO ZA KLIJENTA

• Kompletan UX/UI web design system i brand identitet
• Custom frontend web stranice (React + TypeScript + Tailwind + Framer Motion)
• 17 marketing stranica s vlastitom SEO i strukturiranim podacima arhitekturom
• Custom CMS i backend na Lovable Cloud (Supabase) infrastrukturi
• Napredni sustav formi s Cloudflare Turnstile zaštitom i transakcijskim mailovima
• Interaktivni AI demo widgeti unutar web stranice (Lovable AI Gateway, Gemini + GPT-5)
• Cloudflare CDN, WAF, Workers i Vercel hosting s preview deploy pipeline-om
• Custom domena, SSL, GDPR cookie banner i GA4 sa Consent Mode v2
• SEO / AEO / AIO / GEO master paket s lokalnim targetingom za UK i US
• Integracije: Gmail, Outlook, Google Workspace, Calendar, Slack, Zapier, SMS

REZULTAT

Followo je dobio modernu, brzu i premium web stranicu koja kombinira vrhunski custom dizajn, napredne AI demo elemente i enterprise hosting arhitekturu. Web prezentacija jasno pozicionira brend na UK i US tržištu, gradi povjerenje kroz transparentnu komunikaciju proizvoda i konvertira posjetitelje u kvalificirane leadove — bez ovisnosti o templateima ili gotovim landing builderima.

Kombinacijom Lovable build platforme, Supabase (Lovable Cloud) backenda, Cloudflare sigurnosne mreže i Vercel hosting infrastrukture, web stranica je tehnološki spremna za dugoročan marketinški rast, A/B testiranje, lokalizaciju na nova tržišta i kontinuirano dodavanje novih AI demo iskustava — uz potpunu GDPR usklađenost i top performanse na svim uređajima.