Prenota un workshop
Account
Fotografia e e-commerce · 2025

Da portfolio statico a piattaforma di vendita

Alex fotografa aurore boreali e paesaggi estremi. Aveva un portfolio che per ogni galleria nuova passava da uno sviluppatore, e nessun modo di vendere le sue stampe se non tramite terzi.

Next.js, Supabase, Stripe, Vercel

La home di alexwides.com con le collezioni fotografiche in evidenza

Home e collezioni in evidenza

alexwides.com è la piattaforma di un fotografo professionista: portfolio con collezioni generate dal database, e-commerce di stampe fine art in tiratura limitata con checkout Stripe e spedizione internazionale, landing dei corsi collegate alla piattaforma formativa del cliente, pagine dei photo tour per destinazione, e un pannello su misura che gli lascia gestire tutto da solo. Stack: Next.js, TypeScript, Supabase, Stripe.

Il problema

Un portfolio bello che non vende è un costo. Ogni aggiornamento passava da me, le stampe si vendevano altrove e i contatti si perdevano fra messaggi diretti ed email.

  • Ogni galleria nuova richiedeva un intervento di sviluppo
  • Nessun canale di vendita diretta per le stampe fine art
  • Corsi e photo tour promossi solo su piattaforme di altri
  • Contatti interessati raccolti a mano, senza un posto dove finissero
  • Gallerie pesanti da decine di scatti ad alta risoluzione, da servire veloci
  • Testi alternativi delle immagini da gestire senza toccare il codice, su un sito quasi tutto visuale

Il prodotto

Quattro cose in un sito solo: portfolio, negozio, scuola e viaggi.

Le collezioni fotografiche di Alex Wides

Indice delle collezioni

Portfolio

Collezioni tematiche

Le collezioni si generano dal database: una nuova non richiede una riga di codice. Ogni galleria ha il suo indirizzo leggibile e carica le immagini man mano che si scorre.

La galleria di una singola collezione fotografica

Una collezione aperta

Galleria

La singola collezione

Scatti ad alta risoluzione serviti in formati moderni e caricati solo quando entrano nello schermo, perché una galleria da decine di immagini non può pesare come tale.

La scheda di una stampa fine art con formati e tiratura

Scheda di una stampa

Negozio

Stampa in edizione limitata

Ogni opera ha i suoi formati con prezzi differenziati e la sua tiratura. Le copie ancora disponibili sono in chiaro: è l'informazione che fa decidere.

Il carrello con le stampe selezionate

Il carrello

Acquisto

Carrello e pagamento

Il carrello sopravvive alla chiusura del browser. Il pagamento avviene su Stripe con carta, Apple Pay e Google Pay, e a conferma l'ordine si scrive da solo sul database.

La landing di un corso di fotografia

La pagina di un corso

Formazione

Landing dei corsi

Ogni corso ha una pagina costruita per convertire: programma, moduli, anteprime e lavori degli allievi. L'erogazione resta sulla piattaforma che il cliente usava già.

La pagina di un photo tour con l'itinerario

Un photo tour

Viaggi

Photo tour per destinazione

Una pagina per ogni destinazione, con itinerario giorno per giorno, cosa è incluso e cosa si impara. La richiesta arriva già riferita al tour giusto.

Cosa gestisce senza di me

Il pannello sostituisce un CMS tradizionale e copre le cinque aree che cambiano davvero. Questo era il punto del lavoro.

Portfolio

  • Collezioni

    Crea una collezione, carica le foto in blocco, le riordina, sceglie la copertina.

  • Immagini

    Titolo, descrizione, testo alternativo, immagine al passaggio del mouse e ordine di visualizzazione.

Negozio

  • Edizioni limitate

    Segna un'opera come tiratura limitata e ne imposta prezzo, numero di copie e disponibilità residua.

  • Formati di stampa

    Formati e listino per ogni singola opera, non un prezzario unico.

  • Ordini

    Anagrafica cliente, ordine e righe d'ordine scritti dal webhook a pagamento confermato.

Corsi e viaggi

  • Corsi

    Tutti gli asset visivi delle landing: copertine, moduli, confronti prima e dopo, lavori degli allievi, video.

  • Photo tour

    Immagine di apertura e gallerie di ogni destinazione.

  • Contatti

    Messaggi, liste d'attesa dei corsi e richieste di lezione individuale, con notifica immediata via email.

Stack

Architettura headless: il frontend parla direttamente con Postgres, le scritture sensibili passano da API lato server. Nessun canone di licenza CMS.

Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLRow Level SecurityStripeBrevoMailchimpGSAPVercel

Pagine rigenerate a intervalli diversi per tipo di contenuto: veloci come statiche, aggiornate quando il cliente pubblica.

Hai un portfolio che non vende?

Se aggiornare il tuo sito richiede uno sviluppatore, e quello che produci lo vendi tramite altri, il lavoro da fare è questo.

alexwides.com