20+ fantastici esempi di pagine 404

Atterrare su una "pagina non trovata" può davvero far impazzire i tuoi visitatori.

Uno dei modi migliori per migliorare l'esperienza utente dei tuoi visitatori è mantenerli motivati ​​e coinvolti nel tuo sito. Questo può essere fatto con un bel design, contenuti accattivanti o una sana dose di umorismo. Una pagina di errore creativa e intelligente fa molto per trasformare il cipiglio del tuo visitatore in un sorriso. Può anche avere un effetto positivo sul tuo SEO poiché fornendo link interni, navigazione e una soluzione a un problema, anche se fornisci semplicemente un link alla tua home page, mantieni l'utente soddisfatto e all'interno del tuo funnel di vendita.

Una pagina 404, nota anche come "pagina di errore", è la pagina a cui gli utenti vengono indirizzati se fanno clic su un collegamento interrotto o eliminato sul tuo sito web.

Nel tempo, le pagine possono essere rimosse o spostate in un nuovo URL senza un reindirizzamento permanente. Se un utente tenta di accedere a questo collegamento, viene inviato a una "pagina 404" che lo informa che il collegamento a cui sta tentando di accedere è interrotto.

Quando ciò accade, è importante non perdere completamente l'utente, ma dovresti invece sforzarti di tenerlo impegnato con il sito e indirizzarlo idealmente al collegamento corretto. Alcune aziende diventano davvero creative quando progettano pagine 404, incorporando animazioni, illustrazioni ed elementi interattivi.

Va tutto bene, ma non c'è dubbio che le pagine 404 più efficaci e memorabili siano quelle divertenti. Ecco perché ho deciso di raccogliere gli esempi più divertenti di pagine 404 sul web.

Le pagine umoristiche "non trovate" hanno il vantaggio di non richiedere budget elevati, quindi sono adatte a liberi professionisti e piccole aziende, non solo a grandi marchi.

In questo post, esploreremo gli esempi più esilaranti di 404 pagine e analizzeremo cosa fa funzionare ciascuna di esse. Una volta comprese le strategie comiche sottostanti che queste pagine condividono, ti aiuterà a creare la tua pagina 404 originale.

Ecco 23 ottimi esempi di 404 pagine fatte bene.

Le immagini visive sono comuni nelle pagine 404, ma anche fare affidamento esclusivamente sul contenuto può avere lo stesso impatto.

Bluegg ha creato una sorta di necrologio per "la capra", che a quanto pare si riferisce alla loro pagina di errore. Vedrai molte barzellette sulla morte in 404 pagine. Lo stesso tipo di gag può funzionare per le tue pagine se sei un fan dell'umorismo oscuro.

L'elemento sorpresa è la chiave per offrire con successo nuovi 404.

Drift ha aggiunto un video selfie di bassa qualità di Dj Khaled, apparentemente disperso in mare. Hanno capovolto la situazione mostrando che le cose potrebbero andare molto peggio: il visitatore potrebbe perdersi in mare come il DJ.

Mostrare uno scenario esagerato che mette in ombra le circostanze attuali del visitatore è un ottimo modo per farlo sentire meglio.

Steve Jobs diceva: "La creatività è solo connettere le cose". È difficile da notare, ma 9Gag ha creato una connessione creativa tra una delle gif più popolari, un Confused Travolta, e la loro pagina 404. Il risultato potrebbe non essere divertente da ridere a crepapelle, ma è un ottimo esempio di come mettere in relazione una delle risorse visive del tuo marchio con una "pagina non trovata".

Flywheel ha creato una pagina 404 che si adatta perfettamente al suo sofisticato pubblico orientato ai designer. Trasformare lo "0" in un buco nero e aggiungere "questo fa davvero schifo" è un bel giro. È semplice ed evita di sforzarsi troppo per scherzare.

Il contenuto 404 di Slack è diretto al punto, ma hanno aggiunto un'animazione di sfondo illustrata con panorama che è, beh... così stravagante che funziona. Atterri in un mondo da sogno Xanadu con animali da fattoria in bilico. Non c'è alcuna relazione con una pagina persa se non il fatto che se ci sei, sei sicuramente perso.

In questo esempio, vediamo un simpatico cartone animato di hamburger sui pattini con un cartello di scusa. È la prova che un'immagine vale più di mille parole. Usare l'illustrazione è un ottimo modo per rendere spiritosa la tua pagina 404 senza parole.

Woodger collega abilmente anche il visitatore al suo portfolio con la frase "Probabilmente stavi cercando il mio lavoro di illustrazione..."

Anche se apparentemente ha alcuni bug e mostra solo HTML, il sito di Conan O'brien non manca di divertire, usando una serie di gif per mettere in luce la situazione di Andy e Conan.

Comedy Central è stato abbastanza intelligente da mostrare diversi personaggi dei loro spettacoli e attribuire a ciascuno una citazione di 404 pagine. Ad esempio, Trevor Noah di The Daily Show appare con una faccia confusa e una citazione relativa al segmento "Moment of Zen" del suo spettacolo.

Ho solo dovuto mostrare questo esempio, perché è la pagina 404 per un piccolo museo di storia funeraria. Sono sicuro che non hanno un budget enorme per il web design, ma sono comunque riusciti a ideare una pagina 404 creativa con una tomba aperta, dicendo ai visitatori: "Hai fatto un grave errore! La pagina che stai cercando è svanita nell'aldilà».

Il 404 di HBO è uno dei miei preferiti. Mostra come usare le battute interne per ottenere una risatina. In questo caso, hanno aggiunto l'immagine "Curb Your Enthusiasm" dietro le 404 lettere e hanno aggiunto il testo: "Sembra che questo collegamento sia carino, carino, piuttosto rotto". Chiunque abbia visto lo spettacolo lo capirà immediatamente.

L'esempio del New Yorker mostra come prendere una risorsa di marca già divertente relativa a perdersi e presentarla su una pagina 404. Il fumetto è tratto da un numero del 2011 che mostra un topo che indossa un GPS: il fumetto perfetto da usare in una pagina "pagina non trovata".

Ecco un altro design di 404 pagine che è originale e inaspettato. Blizzard Entertainment ha una finestra rotta, un menu che sembra essere caduto e un'accusa: "Grazie (congratulazioni). L'hai rotto.'

Blizzard ha avuto la 'faccia' di ribaltare la situazione e incolpare il visitatore. Ti diverti perché è la risposta esattamente opposta al tono di scuse previsto che normalmente leggi su 404 pagine. Allo stesso tempo, è un tratto molto umano accusare qualcun altro del proprio errore. È come un bambino che viene beccato dai suoi genitori per aver versato del latte e poi incolpando suo padre.

Come abbiamo già visto, disegnare connessioni inaspettate tra cose apparentemente non correlate richiede sia ingegno che umorismo. Normalmente non assoceresti un sito di incontri a una "pagina non trovata". eharmony lo fa bene presentando un messaggio che la 'pagina non è disponibile', a differenza di un milione di altri singoli di eharmony.

La pagina 404 di Distilled ha una conversazione britannica comica piena di frasi come "vecchio ragazzo" e "spazzato via". Chiamano il loro 404 "Quattrocentoquattresimo messaggio di errore", che è di per sé divertente.

Mentre gli accenti sono attualmente una questione controversa nella commedia (come possono attestare i creatori dei Simpson), sono ancora dannatamente divertenti. Fortunatamente, un elegante accento inglese è ancora un bersaglio ridicolo accettato.

I distillati sono essi stessi britannici, il che rende l'intera pagina ancora più sciocca. Mi ha ricordato lo sketch di Four Yorkshiremen di Monty Python, che mi fa sempre arrabbiare.

Questa pagina di errore è una delle più divertenti, proprio perché è così personale. Richiede anche l'atterraggio su una "pagina non trovata" all'estremo mostrando i quattro possibili colpevoli del team di sviluppo e offrendoti la possibilità di scegliere quello da licenziare per questo "inaccettabile fallimento". È così fuori dal comune, dimostra che questa compagnia ha sia un senso dell'umorismo che può prendersi gioco di se stessa.

IMDB presenta una pagina di errore apparentemente semplice, ma ben congegnata, che adatta le citazioni di film famosi ai messaggi di errore. Per gli appassionati di cinema che frequentano IMDB, offre un'esperienza deliziosa e li invoglia ad aggiornare la pagina per leggere più citazioni.

Sebbene questa non sia la pagina 404 più avvincente, ottiene punti per offrire un'esperienza creativa e interattiva che è anche di natura visiva.

L'uso dei grafici è in realtà una buona idea per queste pagine. Che si tratti di diagrammi di flusso, grafici ven o qualsiasi altro grafico a cui ti viene in mente. Funziona perché è un modo completamente diverso di visualizzare la pagina non disponibile. Mi chiedo se funzionerebbe anche un grafico a torta.

Il pubblico di Github sono sviluppatori geniali. La loro scena ispirata a Star Wars con la mascotte Octocat e la citazione "Questa non è la pagina web che stai cercando" è un messaggio ben abbinato per il loro pubblico. Notate, inoltre, come, posizionando la barra di ricerca al centro, forniscano un'ottima soluzione per la navigazione da questa pagina.

CSS Tricks riesce a sorprendere i visitatori utilizzando il puro minimalismo. Nessun testo, nessun messaggio, solo una pagina vuota con uno strappo con il codice CSS rivelato in background. Trasmettono con successo un messaggio senza parole, il che è una cosa impegnativa da fare. È simile al motivo per cui i film muti ci fanno ridere ancora oggi perché si basano sull'umorismo non verbale.

Questa pagina ha tutti gli elementi di una divertente pagina 404. Un'immagine gigante di un calzino strappato con una faccina disegnata sulla punta, alludendo a tutti i calzini singoli che le persone perdono in lavanderia. Anche se non ha nulla a che fare con il sito web reale, è molto sciocco ed è per questo che funziona.

Taco Bell è conosciuto come un marchio che sa come scherzare sui social media. Anche la loro pagina 404 fa ridere, con la sua animazione di taco e il testo sciocco: "LA PAGINA CHE STAVI CERCANDO NON ESISTE (a meno che tu non stia cercando una pagina con un'animazione di un taco che inciampa e letteralmente rovescia i fagioli. Se questo è il caso, esiste sicuramente e l'hai sicuramente trovato.)'

Ultimo ma non meno importante, questa esilarante pagina 404 è stata creata quasi senza budget o effetti speciali. Come se atterrare su un collegamento interrotto non fosse già abbastanza imbarazzante, Steve Lambert lo porta al livello successivo presentando "Le pagine 404 non trovate più imbarazzanti su Internet". La pagina mostra un video di Lambert che borbotta stranamente al visitatore. Il video mi ha ricordato i momenti imbarazzanti della Silicon Valley.

Anche se non è nella categoria "divertente", puoi acquistare il modello SHOCK e impostarlo per la tua pagina 404.

SHOCK è una pagina minima in arrivo, che ha 6 stili di sfondo per tutti i gusti.

Abbiamo visto una varietà di pagine 404 divertenti. Essere umoristici non è un compito facile e anche i migliori marchi con i budget più alti a volte falliscono. Spero che questi esempi ti ispirino a creare le tue pagine di errore che faranno scoppiare a ridere i tuoi visitatori.

Se vuoi creare la tua pagina 404, assicurati di dare un'occhiata alla funzione di progettazione rapida della pagina 404 di Elementor .