Paywall Gallery

Una raccolta delle schermate di abbonamento delle app che vendono di più

Cosa fa

Una galleria delle migliori schermate di abbonamento (paywall) e di benvenuto delle app per iPhone, con video, prezzi e schemi che funzionano.

Come guadagna

Progetto open source su GitHub con oltre 800 stelle, che non dichiara incassi. Ha licenza non chiara: prendi spunto dall'idea, ma non riusare il codice senza chiedere agli autori. Idee nostre per guadagnare: accesso completo a pagamento: è il modello delle gallerie di ispirazione per designer.

Rendilo tuo

Una galleria di pagine di vendita di negozi online italiani che convertono bene.
Una galleria delle migliori email di benvenuto in italiano.

Le frasi da scrivere all'AI

1. Base del sito e grafica

Crea un'app web in italiano chiamata "Schermate che Vendono": una raccolta analizzata delle schermate di abbonamento (paywall) e di benvenuto delle app più usate, con prezzi, prove gratuite e schemi ricorrenti, per chi crea app e vuole capire cosa funziona. Usa React, Vite, TypeScript e Tailwind CSS.

Pagine da creare:
1. Pagina iniziale con le schermate più recenti e le categorie
2. Galleria con filtri: categoria dell'app, tipo di paywall, prova gratuita, prezzi
3. Scheda della schermata: analisi, prezzi, cosa funziona, schemi usati
4. Schemi: raccolte per tecnica (piano annuale evidenziato, prova gratuita, confronto piani)
5. Pagina Pro

Stile: da designer di app: sfondo grigio chiaro #F4F4F5, nero #09090B, accento verde #10B981, carattere "Inter", schermate in cornici di telefono. Nessuna immagine generica di stock.

Tutto deve funzionare perfettamente da telefono. Tutti i testi in italiano, chiari e senza parole tecniche.

2. Database, account e sicurezza

Collega il progetto a Supabase e attiva la registrazione con email e password.

Crea queste tabelle:
- "schermate": app, categoria, tipo (paywall, benvenuto), immagine, data di cattura, prezzi in JSON, prova gratuita, etichette, analisi
- "collezioni": schermate salvate dall'utente

Regole di sicurezza obbligatorie:
- anteprime piccole e filtri per tutti; analisi complete e immagini grandi solo per i Pro: lo decide il database
- ogni utente vede solo le sue collezioni

Usa esattamente il codice SQL che trovi nei "Dettagli tecnici" di questa scheda: eseguilo nel SQL Editor di Supabase prima di continuare, poi collega le pagine alle tabelle.

3. Schermate analizzate

La redazione cattura le schermate dalle app sul proprio telefono, indica data e paese, e scrive per ognuna un'analisi breve: cosa mette in evidenza, come presenta i prezzi (annuale contro mensile, prezzo al giorno), prova gratuita, pulsante di chiusura visibile o nascosto, testimonianze. Le schermate si usano a scopo di analisi e discussione, citando sempre l'app.

Etichette per gli schemi (es. "piano annuale preselezionato", "timeline della prova gratuita", "confronto con e senza Pro") e filtri combinabili.

L'analisi completa e le immagini ad alta risoluzione si vedono solo con l'abbonamento: regola nel database (Dettagli tecnici).

4. Collezioni e Pro

Pro: tutte le analisi, immagini in alta risoluzione, collezioni personali, confronto affiancato di più paywall, e aggiornamenti mensili con le nuove schermate.

Report mensile "Cosa sta cambiando nei paywall": prezzi medi per categoria, diffusione delle prove gratuite, nuovi schemi.

5. Pagamenti con Stripe

Aggiungi un abbonamento a 12 € al mese o 99 € all'anno. Gratis l'utente ha: anteprime e filtri, 5 analisi complete al mese. Con il piano Pro sblocca: tutte le analisi, immagini ad alta risoluzione, collezioni, confronti e report mensile.

A pagamento riuscito il webhook porta l'utente al piano Pro; se l'abbonamento viene disdetto o non rinnovato lo riporta al piano gratuito.

Per la sessione di pagamento e il webhook segui la guida "Pagamenti con Stripe" di Fattibile.

6. Controlli specifici di questo progetto

Oltre ai controlli della guida "Controllo finale", verifica in particolare:
1. Paywall del sito: con un account gratuito prova a leggere le analisi complete chiamando direttamente il database: devono essere bloccate.
Correggi quello che non va e scrivimi cosa hai cambiato.

Dettagli tecnici

Anteprima per tutti, analisi per i Pro

Le informazioni di base sono pubbliche; l'analisi completa e l'immagine grande stanno in una tabella leggibile solo dai Pro. Con i filtri si cercano gli schemi.

create table schermate (
  id uuid primary key default gen_random_uuid(),
  app text not null,
  categoria text not null,
  tipo text not null check (tipo in ('paywall', 'benvenuto')),
  anteprima_url text not null,          -- miniatura piccola
  prezzi jsonb not null default '{}',   -- { mensile: 9.99, annuale: 59.99, valuta: 'EUR' }
  prova_gratuita_giorni int,
  etichette text[] not null default '{}',
  catturata_il date not null
);

create table analisi (
  schermata_id uuid primary key references schermate(id) on delete cascade,
  testo text not null,
  immagine_grande_path text not null
);

alter table schermate enable row level security;
alter table analisi enable row level security;
create policy "anteprime pubbliche" on schermate for select using (true);
create policy "analisi per i pro" on analisi for select using (
  exists (select 1 from profili p where p.id = auth.uid() and p.piano = 'pro'));

-- Paywall di app di fitness con prova gratuita e piano annuale evidenziato
select app, prezzi, prova_gratuita_giorni
from schermate
where tipo = 'paywall' and categoria = 'fitness'
  and prova_gratuita_giorni is not null
  and etichette @> array['piano annuale preselezionato']
order by catturata_il desc;

Pezzi comuni a tutti i progetti

Glossario

JSONB: Un tipo di colonna che contiene dati strutturati flessibili, come un piccolo documento.
Storage: Lo spazio di Supabase dove si salvano i file, come foto e audio, con le sue regole di accesso.
Paywall: La schermata che chiede di abbonarsi per sbloccare un'app o un contenuto.