34 dei migliori design di siti Web per ispirarti nel 2022
Pubblicato: 2022-02-22Il tuo viaggio di ispirazione per il sito web inizia qui.
Decidere di creare una presenza sul Web è una decisione importante, ma i migliori siti Web sono il culmine di molte piccole decisioni. Ma una decisione importante che richiede tempo, diligenza e molta ispirazione è il design del tuo sito web.
In questo articolo, condividiamo alcune dozzine dei migliori design di siti Web che abbiamo visto. Fai clic sui collegamenti sottostanti per saltare all'esplorazione dei design di siti Web che lo hanno schiacciato negli ultimi anni. Abbiamo anche incluso una sezione bonus di design semplicemente fantastici, quindi dai un'occhiata anche a loro!
Dove trovare la tua ispirazione per il design
Se vuoi un po 'di design inspo, la buona notizia è che puoi trovarlo praticamente ovunque.
Uno dei modi migliori per trarre ispirazione per il design è attraverso i viaggi. Quando visiti posti nuovi, sei costretto a uscire dalla tua zona di comfort e sperimentare qualcosa di estraneo.
Ciò che rende il design così interessante è che tutti lo vedono in modo diverso e quindi c'è sempre altro da scoprire.
Un altro modo per trarre ispirazione dal design IRL è attraverso i media. Ogni giorno siamo inondati di contenuti visivi. Prendiamo decisioni su cosa ci piace, cosa non ci piace e continuiamo la nostra giornata.
Ma cosa accadrebbe se fossi più intenzionale su come hai visto quelle interazioni? Potresti uscirne con preziose intuizioni.
Inoltre, non puoi dimenticare di sfruttare le comunità di design. Dalle conferenze di design ai forum Reddit, ci sono centinaia di gruppi là fuori che possono offrire ispirazione e consigli.
Ora che abbiamo coperto alcune fonti di ispirazione per il design IRL, copriamo quelle digitali.
Fonti di ispirazione per la progettazione di siti Web
1. Mercato delle risorse di HubSpot
L'Asset Marketplace di HubSpot ospita centinaia di modelli di siti Web che puoi esaminare per trarre ispirazione per il tuo sito Web.
La parte migliore del mercato è che puoi restringere il campo per settore e funzionalità, permettendoti di vedere i modelli più rilevanti.
Una volta trovato un modello che ti piace, puoi visualizzare un'anteprima dal vivo del sito per ottenere un'esperienza completa, quindi scaricarlo se decidi di utilizzarlo.
2. Dribbla
Dribble è il luogo in cui i designer vanno per trarre ispirazione e condividere il loro lavoro. Il sito Web offre di tutto, dall'animazione e il branding all'illustrazione e ai dispositivi mobili.
Fonte immagine
Una volta che accedi alla scheda "Web Design" sulla home page, puoi filtrare i risultati per combinazione di colori, software di modifica, periodo di tempo e tag.
Inoltre, se trovi un designer il cui lavoro ti piace, puoi salvare il design per riferimento futuro e seguire il suo lavoro per vedere altri design sul suo profilo.
Questa è una risorsa incredibile da utilizzare sia che tu stia iniziando da zero o abbia già in mente un piano solido.
3. Behance
Questa è un'altra piattaforma digitale piena di ispirazione creativa da sfruttare prima del progetto di progettazione del tuo sito web.
Fonte immagine
Una delle migliori caratteristiche di questo sito è la possibilità di filtrare per posizione. Ciò ti consente di vedere come i designer nelle diverse regioni differiscono per tecnica e stile.
Questo può essere particolarmente utile se stai progettando un sito Web per un mercato estraneo e sconosciuto. Puoi ottenere spunti interessanti valutando le decisioni prese dai designer di Behance.
4. Punti
Vuoi concentrarti sul web design mobile? Pttrns è il posto dove andare.
Questa piattaforma basata su abbonamento ti consente di accedere a migliaia di modelli di design mobile e di ricevere consigli dai migliori designer di tutto il mondo.
Fonte immagine
Ulteriori funzionalità su questa piattaforma includono:
- Una cartella dei preferiti e delle raccolte per archiviare i tuoi modelli preferiti.
- Uno studio per interagire con altri designer e farsi consigliare.
- Una guida alla progettazione per comprendere la strategia alla base dei progetti.
I migliori design di siti Web per ispirarti nel 2022
- IBM
- Superlista
- Hyer
- Tampona il mondo
- Nuovi americani
- Progettazione Spotify
- Andy Warhol
- Società di interazione umana
- Cura della pelle Garoa
- 1917: In trincea
- Il polpo
- tribù nomade
- Diana Danieli
- George Nakashima falegnami
- crypton.trading
- Sud-ovest: cuore del viaggio
- Troppo pieno
- Museo Frans Hals
- Semplicemente Cioccolato
- ORA
- Guardiani della foresta pluviale
- Abbigliamento sportivo di protesta
- La Gilda degli Insegnanti
- Vergine America
- Alimentazione
- ETQ
- Mikiya Kobayashi
- Rivista tessuta
- Fagiolo di JOHO
- Il mondo SVIZZERO
- Guillaume Tomasi
- Il distretto
- Tej Chauhan
- Amanda Martocchio Architettura
Dalle aziende familiari alle piccole imprese, alle organizzazioni internazionali, i seguenti siti spingono lo status quo sul web. Che si tratti dell'estetica del design, dell'usabilità, dell'interattività, del sound design o del valore offerto dal sito, ognuno è un capolavoro nel rispettivo settore e qualcosa a cui aspirare.
Non sorprende che esistano molte organizzazioni per mettere in evidenza questi siti e i contributi che danno al web. Per aiutare a far emergere alcuni dei design più stimolanti, ho riunito diversi vincitori di premi che si sono fatti strada attraverso diverse organizzazioni di premi chiave, tra cui Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, Best Website Gallery e FWA.
Mentre sfogli l'elenco, sappi che ogni sito eccelle a modo suo e cerca di servire uno scopo unico. Mentre un sito può essere un eccellente esempio di visual design, un altro può essere un eccellente esempio di interattività.
Ciò significa che non tutti questi siti potrebbero essere "macchine di conversione" o idee per progetti che puoi facilmente copiare sul tuo sito. Piuttosto, sono ottimi modi per trarre ispirazione dal design di siti Web e vedere il marketing all'avanguardia che sta accadendo nei diversi angoli del Web.
Tieni presente che i web design sono fluidi e cambiano spesso. Alcuni dei design in questo elenco sono cambiati da quando sono stati premiati, ma facciamo del nostro meglio per mantenerli aggiornati. Siamo certi che qui troverai un design che accende la tua creatività.
Per saperne di più: 77 esempi di design di siti Web incredibili
Scarica questa guida gratuita per vedere ancora più esempi di blog di siti Web, home page e design di pagine di destinazione.
Bellissimi siti web pluripremiati
I migliori design di siti Web del 2021
Lo stato armonico di IBM
Premio: Sito del mese (luglio 2021), Awwwards
Quando atterri su questa pagina Web IBM, è chiaro perché il design ha vinto un premio.
Fonte immagine
Il modo migliore per descrivere il sito web è come un'esperienza immersiva. In effetti, IBM utilizza elementi sia visivi che uditivi per attirare il visitatore e tenerlo impegnato.
Quando atterri per la prima volta sulla pagina web, ti viene chiesto di indossare le cuffie per vivere un'esperienza completa. Anche se salti questo passaggio, sei attratto dallo sfondo interattivo che reagisce mentre il tuo mouse naviga sulla pagina.
Inoltre, la pagina è ben bilanciata con un titolo grande che attira la tua attenzione di fronte a una piccola descrizione con un CTA blu in grassetto.
Con un argomento complesso come l'intelligenza artificiale, IBM utilizza quindi la narrazione visiva per spiegare come funziona il suo strumento Watson nel mondo reale. I visitatori possono esplorare tre storie attraverso funzioni simili a un videogioco e saperne di più sullo strumento.
È un modo divertente ed efficace per coinvolgere gli utenti in un argomento che può essere complicato e arido.
Superlista
Premio: Sito del mese (aprile 2021), Awwwards
Superlist è un'app di produttività che aiuta i team e gli individui a cambiare il modo in cui lavorano.
Troppo spesso, arrivi su un sito web e devi capire di cosa tratta il marchio. Con Superlist, sai esattamente cosa aspettarti non appena arrivi alla home page.
Fonte immagine
La home page interattiva mostra accessori di lavoro comuni, come cuffie e tastiera, con una copia chiara e puntuale.
Superlist utilizza efficacemente lo spazio bianco per mantenere l'attenzione sulla sua copia. Tuttavia, per facilitare la navigazione, includono un piccolo pulsante con l'icona di una freccia per indicare che c'è altro da vedere sulla pagina una volta che si scorre.
Da lì, le immagini divertenti continuano, tenendoti impegnato mentre impari di più sul marchio.
Hyer
Premio: Sito web del mese (2022), CSS Design Awards
Vuoi fare una forte impressione sui visitatori del tuo sito web? Prendi una pagina dal libro di Hyer.
Fonte immagine
Questa sorprendente illustrazione dell'aereo, mentre si muove lentamente sullo schermo, attirerà sicuramente l'attenzione dei visitatori del sito web.
Questa pagina ha tutto ciò di cui hai bisogno in una homepage efficace: un'immagine che racconta una storia ma non distrae troppo, uso dello spazio bianco, barra di navigazione semplice, uno slogan o uno slogan e un CTA chiaro.
È un design pulito, privo di distrazioni e invita i visitatori a saperne di più sul marchio.
I migliori design di siti Web del 2020
Tampona il mondo
Premio: Sito del giorno (2020), Awwwards
Parallasse, colori audaci e spazio negativo modellano il design e l'esperienza del sito Web di Swab the World. L'organizzazione porta consapevolezza sulle donazioni di cellule staminali. La loro missione è “Assicurarsi che ogni singolo paziente trovi la sua corrispondenza. Periodo." Le foto di coppie che esibiscono amore ed emozioni portano un elemento umano in un processo storicamente complesso e scientifico.
Da un punto di vista tecnico, il design rende naturale lo spostamento verso il basso della pagina, assicurando che i lettori raggiungano ogni punto di copia e ogni CTA sulla home page.
Fonte immagine
Nuovi americani
Premio: Menzione d'Onore (2020), Awwwards
Un'organizzazione con una responsabilità grande quanto quella di onorare le identità migratorie passate, presenti e future ha bisogno di un sito Web bello e funzionale per aiutare a spargere la voce. Gli americani più recenti sostengono le esperienze di immigrati nelle città dello stato del New Jersey. Il sito Web utilizza splendide immagini di persone, luoghi e oggetti che rappresentano questa esperienza in un modo che scorre in modo coerente lungo la home page, raccontando la storia di questo gruppo di nuovi cittadini americani.
Il sito Web è sia visivamente accattivante che funzionale con un semplice menu di navigazione, storie organizzate da foto e una pagina stampa pulita che mette in primo piano gli articoli più recenti.
Fonte immagine
Progettazione Spotify
Premio: Menzione d'Onore (2020), Awwwards
Spotify è noto per aver realizzato la sua giusta quota di imprese straordinarie e la sua ultima iterazione di Spotify.Design non è diverso. Fungendo da hub per tutte le cose visive e creative per Spotify, il gigante della musica e dei podcast offre agli ascoltatori uno sguardo su chi, cosa, perché e come di ciò che rende l'app così sensazionale.
Colori vivaci, ombre discendenti e animazioni fluide conferiscono a questo sito Web carattere e profondità. I disegni geometrici piatti con accenti astratti fanno saltare album e artisti praticamente fuori dallo schermo.
Fonte immagine
Andy Warhol
Premio: Menzione d'Onore (2020), Awwwards
La vita dell'artista, regista e produttore Andy Warhol sarà per sempre racchiusa in un sito Web splendidamente progettato che cattura il suo stile artistico in un formato digitale. Mentre sfogli la pagina, il tuo cursore diventa un riflettore che converte ogni immagine su cui passi il mouse in un'immagine negativa o inverte i colori del testo che stai leggendo.
Il testo grande e in grassetto fa una dichiarazione e sottolinea quanto sia importante la copia per il design del sito web. Animazioni sottili aiutano il ritmo del sito e danno il tono a ciascuna sezione mentre sfogli la home page.
Fonte immagine
Società di interazione umana
Premio: Sito web aziendale (2020), Red Dot
Per vedere il video fatto direttamente su un sito Web, non guardare oltre la Human Interaction Company. Dal momento in cui fai clic sul sito, l'esperienza è fulminea. Sei direttamente coinvolto nell'azione: il perché, cosa e come dell'interazione umana ed esattamente cosa fa il team.
Questo vincitore del Red Dot Design Award mira a portare lo studio dell'interazione umana alle masse e, nel processo, a mostrarci quanto può essere coinvolgente impararlo. Tuttavia, non lasciarti scoraggiare dal loro status di premio: nessuna delle foto su questo sito è photoshoppata, quindi è un esempio pratico di qualità della costruzione con le risorse che hai a disposizione.
Fonte immagine
Cura della pelle Garoa
Premio: Sito del giorno (2020), Awwwards
Come trasformi la sensazione di lusso e praticità in un sito web? Garoa Skincare fornisce un progetto. Se il tuo prodotto costa la metà del prezzo del tuo concorrente più vicino o il doppio del prezzo, il tuo sito può dare un senso di stravaganza a qualsiasi prodotto che vendi.
Immagini di alta qualità, caratteri tipografici che si completano a vicenda e un equilibrio di spazio negativo con testi utili possono conferire un'eleganza semplicistica al tuo sito web.
Fonte immagine
I migliori design di siti Web del 2019
1917: In trincea
Premio: Miglior sito web del giorno di Awwwards (2019)
Questo sito web, realizzato per promuovere il film 1917, ti permette di passeggiare per le trincee e svolgere la stessa missione che hanno svolto i personaggi nel film. Puoi anche vedere le loro mappe o accedere ad altri strumenti.
Questo è un ottimo esempio di un sito che è andato ben oltre con l'interattività, nonché un sito che sfrutta il suo contenuto e la trama prescritta per commercializzare il suo film. Questo sito Web ha vinto il premio Site of the Day da Awwwards, che consente ai designer di votare e nominare i migliori siti Web che vedono quotidianamente.
Fonte immagine
The Octopus: un blog di design di IDEO
Premio: Premio Webby 2019 per blog aziendale/sito web
IDEO, un'azienda di design globale, ha vinto il premio Webby Business Blog/Website 2019 per il suo blog Octopus e per una buona ragione. Il blog presenta un elegante disegno di Octopus in bianco e nero come design della home page e utilizza il giallo, il nero e il bianco per creare un tema coerente mentre scorri.
Se passi il mouse su un post del blog, il titolo viene evidenziato in giallo. Se passi il mouse sopra un'immagine, l'immagine viene attirata verso di te: due piccole caratteristiche che fanno una grande differenza in termini di creazione di un'esperienza utente unica e coinvolgente.
Fonte immagine
tribù nomade
Premio: nomination per il sito dell'anno di Awwwards (2019)
Questo sito, che è stato nominato per Sito dell'anno da Awwards, è uno dei siti più coinvolgenti che abbia mai visto.
La homepage inizia immediatamente a riprodurre un video straordinario con un uomo che cammina attraverso un deserto, seguito da splendide scene di paesaggi e testo come "Sei abbastanza fortunato da definirti un avventuriero?"
Il testo in tutto il sito Web è giocoso, con colori rosa, arancioni e gialli, e la home page è progettata in modo logico, con CTA posizionati in tutta quell'intervallo a livello di impegno da "Leggi di più" a "Guarda ora" e, infine, "Scarica il App”.
In definitiva, il sito Web è ben progettato con una forte attenzione ai dettagli e racconta una storia avvincente.
Fonte immagine
Diana Danieli
Premio: Webby 2019
Questo sito vincitore del Webby 2019 mostra immagini di arte e architettura con contrasto elevato o forte esposizione. Come visitatore del sito web, puoi fare clic e trascinare il mouse per modificare le foto e le variazioni. Ogni immagine mostra un'opera che mette in evidenza l'artista proprietario del sito web.
Un bel vantaggio di questo sito Web è la sua incorporazione di audio e musica. Cliccando su alcuni pulsanti della sceneggiatura si riproduce una nota di pianoforte e ti immerge davvero nell'esperienza di Diana Danieli.
Fonte immagine
George Nakashima falegnami
Premio: Webby 2019
Questo sito Web per la lavorazione del legno sottolinea la natura e la cura per il settore della lavorazione del legno. È essenzialmente una presentazione di bellissime immagini forestali e agricole. Quando una nuova immagine viene visualizzata sullo schermo, viene visualizzata anche una nuova citazione relativa al legno o agli alberi.
Questo è incredibilmente rilassante per il visitatore e mostra che i falegnami riconoscono la bellezza degli alberi e dell'ambiente. Questo sito ha anche vinto un Webbie nel 2019.
Fonte immagine
I migliori design di siti Web del 2018
crypton.trading
Premio: Sito del giorno (4/3/2018), Awwwards
Incontra crypton.trading, il tuo contabile robot.
Crypton.trading è un hub di trading per criptovalute come Bitcoin, che utilizza l'intelligenza artificiale per prevedere i cambiamenti nel valore di una valuta e identificare le principali opportunità di acquisto e vendita. Il sito Web è stato valutato in alto per il suo sviluppo e design, poiché spiega gradualmente più metodi dello sviluppatore man mano che i visitatori scorrono più in basso.
Questo sito Web pluripremiato fa sentire i visitatori esperti di tecnologia come a casa nel momento in cui il saluto di Crypton appare sulla home page, una lettera alla volta.
Fonte immagine
Sud-ovest: cuore del viaggio
Premio: Miglior Visual Design – Estetica, Webby Awards 2018
Quando Southwest Airlines ha voluto dimostrare che i suoi clienti erano "più di un semplice simbolo del dollaro", l'azienda ha creato un sito Web in cui il design è stato assemblato utilizzando le forme delle traiettorie di volo dei loro clienti.
Il sito Web, chiamato Heart of Travel, consente persino ai visitatori di creare la propria opera d'arte da un viaggio che potrebbero pianificare di fare. In questo modo, il sito Web di Southwest è un prodotto dei loro passeggeri più fedeli.
Fonte immagine
Troppo pieno
Premio: Sito del giorno (20/03/2018), Miglior Galleria di siti web
Overflow è uno strumento di progettazione che consente a persone e aziende di creare diagrammi di flusso simili a una storia delle loro idee in modo che siano più facili da capire per gli altri. Oltre a essere solo un buon servizio, il sito Web di Overflow mette in pratica ciò che predica: insieme a pulsanti di invito all'azione rossi vibranti per il download dello strumento, questo sito Web promuove il suo prodotto nel modo migliore che conosce, utilizzando un diagramma di flusso.
Il sito Web fornisce questo diagramma di flusso sotto forma di video. Mentre i video incorporati possono sembrare piuttosto goffi seduti nel mezzo degli altri elementi di design di un sito Web, Overflow è perfettamente posizionato ed è esattamente quello che vorresti vedere quando atterri sul sito per la prima volta.
Fonte immagine
Museo Frans Hals
Premio: Sito dell'anno (2018), Awwwards
Può essere difficile per un museo presentare tutte le sue opere d'arte insieme su un sito web coeso. Questo è ciò che rende così impressionante il sito web del Museo Frans Hals.
Situato nei Paesi Bassi, questo museo ha creato un sito Web che utilizza una combinazione di elementi di design digitale e le proprie mostre. Questa miscela aiuta i visitatori a capire cosa vedranno, quando potranno vederlo e dove altro potranno avere un assaggio di ciò che questo museo ha da offrire.
Fonte immagine
I migliori design di siti Web del 2017
Semplicemente Cioccolato
Premio: Sito dell'anno (2017), Awwwards
Avrai voglia di cioccolato solo guardando questo sito Web e, in un certo senso, è il sito Web di Simply Chocolate che funziona come progettato.
Questo appetitoso sito web è quello di un produttore di cioccolato danese Simply Chocolate. Il suo sito Web utilizza una varietà di colori (e nomi di prodotti creativi) per promuovere ogni barretta di cioccolato. E mentre scorri da un prodotto all'altro, sembrano rimanere tutti coerenti nel marchio.
L'aspetto tridimensionale di ogni barretta di cioccolato ti fa sentire come se potessi prenderla dallo schermo del tuo computer, mentre il CTA "Aggiungi alla scatola" in alto a sinistra è posizionato idealmente per consentire agli utenti di selezionare i prodotti che desiderano durante la navigazione.
Fonte immagine
ORA
Premio: Miglior blog/sito web culturale, Webby Awards 2017
NOWNESS è forse il video blog in crowdsourcing più interessante su Internet. Era un boccone... cosa significa tutto questo?
Il crowdsourcing di NOWNESS fa parte di ciò che lo rende un vincitore di premi. Ciò significa che la maggior parte dei suoi contenuti proviene da creativi indipendenti, un modo sempre più popolare per le aziende di pubblicare contenuti.
NOWNESS è anche un canale video, il che significa che tutto il contenuto del suo blog è in formato video. Insieme, queste qualità contribuiscono a rendere Nowness un hub accattivante per le storie che i marchi di tutto il mondo si sforzano di raccontare.
Fonte immagine
I migliori design di siti Web del 2016
Guardiani della foresta pluviale
Premio: Miglior sito web di attivismo, Webby Awards 2016
Rainforest Guardians è diventato uno dei siti web no-profit più coinvolgenti del 2016. Cercando di aumentare la consapevolezza sulla deforestazione, il sito consente agli utenti di "visitare" i vari villaggi, nativi e corsi d'acqua che compongono la foresta pluviale amazzonica.
Il sito mette l'interattività al centro della sua esperienza utente, una scelta saggia se il tuo obiettivo è convincere le persone a connettersi con la tua causa e convertirsi in volontari.
Fonte immagine
Abbigliamento sportivo di protesta
Premio: Sito dell'anno (2016), Awwwards
The Awwwards chiama Protest Sportswear un "lookbook acquistabile" ed è esattamente quello che è questo sito. In qualità di fornitore di abbigliamento, questa azienda ha reinventato il modo in cui commercializza il suo prodotto: piuttosto che promuovere capi di abbigliamento, Protest Sportswear promuove i "look".
Ciò rende il prodotto dell'azienda la parte più interessante del sito Web stesso, utilizzando un collage di stili per progettare una home page che cambia tutte le volte che cambiano gli stili dei suoi clienti.
Fonte immagine
La Gilda degli Insegnanti
Premio: Miglior sito web dell'associazione, Webby Awards 2016
The Teacher's Guild è una comunità professionale di educatori che affronta alcune delle sfide più critiche nell'istruzione. Ciò che rende premiato questo sito Web è il modo in cui bilancia diversi tipi di contenuto - programmi, soluzioni, approcci e collaborazioni - senza sovraccaricare i visitatori.
Non solo le immagini di sfondo sono in primo piano, ma usano anche lo spazio bianco per enfatizzare gli inviti all'azione scritti al centro, come mostrato nello screenshot qui sotto.
Fonte immagine
I migliori design di siti Web dal 2015 al 2014
Vergine America
Premio: Evoluzione del settore più significativa, UX Awards 2014
In un mondo in cui i siti Web delle compagnie aeree sono noti per essere pieni di gravi problemi di usabilità, Virgin America ha uno dei migliori siti Web che spinge avanti l'usabilità, l'accessibilità e il design reattivo.
Fonte immagine
Alimentazione
Premio: Sito del giorno (6/6/2015), Awwwards
Feed non è solo un concetto interessante, ma ha anche un'esecuzione sbalorditiva che sfida la nostra comprensione di ciò che è possibile fare sul web. Attraverso una miscela creativa di animazione e video, il sito immerge l'utente in un'esperienza coinvolgente.
Essendo un sito atipico, contiene diversi elementi di usabilità unici, inclusa la navigazione che funge anche da barra di avanzamento di scorrimento.
Fonte immagine
ETQ
Premio: Sito del giorno (19/05/2015), Awwwards
ETQ adotta un approccio minimalista all'e-commerce con un sito ridotto. Immagini grandi e accattivanti del loro prodotto si trovano su sfondi semplici e piatti accompagnati da una forte tipografia che mantiene l'attenzione su ciò che l'utente è venuto a vedere: le scarpe.
Fonte immagine
Mikiya Kobayashi
Premio: Sito del giorno (7/4/2015), Awwwards
Mikiya è un Product Designer con un portfolio minimalista che mette in mostra il suo lavoro attraverso fotografie forti e animazioni sottili. Il suo sito completo è stato originariamente creato in giapponese e poi tradotto in inglese, contribuendo a dimostrare la scalabilità internazionale del suo design.
Fonte immagine
Rivista tessuta
Premio: Sito del giorno (4/4/2015), Miglior Galleria di siti web
Woven è una pubblicazione online che celebra allo stesso modo artisti, artigiani e creatori. Confermano che le pubblicazioni possono (e dovrebbero) avere siti belli e accattivanti con contenuti di facile lettura. Privo di distrazioni come pop-up e annunci intrusivi, questo sito è incentrato sull'esperienza del contenuto stesso.
Fonte immagine
Fagiolo di JOHO
Premio: FWA of the Day (8/7/2015), Favorite Website Awards
Il sito Web di JOHO's Bean ha immagini incredibili, interattività, narrazione, design visivo e, soprattutto, ingegneria del suono. Tutti questi elementi si uniscono per creare un sito avvincente, emozionante e coinvolgente che racconta la storia del viaggio di un chicco di caffè.
Fonte immagine
Il mondo SVIZZERO
Premio: Migliore interfaccia utente, Webby Awards 2015
Un'altra compagnia aerea? Sì. Le compagnie aeree SWISS hanno costruito un sito incredibilmente coinvolgente che racconta la storia di com'è volare con loro e hanno fatto un lavoro troppo grande per essere ignorate. Immagini e animazioni forti introducono l'utente in diverse sezioni del sito che sono ricche di informazioni oltre il solito passo di vendita e marketing.
Fonte immagine
Altri fantastici design di siti Web
Guillaume Tomasi
In qualità di fotografo a Montreal, Guillaume Tomasi ha costruito un portfolio che è veramente adatto per ospitare la sua fotografia unica e maestosa. Il suo stile fotografico surreale è giustapposto dal suo design di portfolio semplice, piatto, vuoto e minimalista che pone tutta l'attenzione sul lavoro stesso.
La sua esclusiva navigazione in serie, unita a introduzioni di lavoro ispirate a una galleria d'arte e interazioni di scorrimento perfette, producono un'esperienza che ricorda quella di una vera galleria.
Fonte immagine
Il distretto
Questa agenzia di branding prende sul serio le sue immagini e dovrebbe: gestisce tutti i canali dei media per i suoi clienti. Il solo sito web del Distretto è un viaggio attraverso alcune delle opere d'arte e delle fotografie più belle che tu abbia mai visto.
Queste tessere provocatorie cambiano rapidamente mentre esplori il sito Web e più sembrano stravaganti, più diventi interessato a conoscere il loro lavoro passato.
Fonte immagine
Tej Chauhan
Tej Chauhan ha trasformato l'opera d'arte impressionista in un modello di business con questo sito intrigante. Ogni immagine sulla home page di questo sviluppatore di prodotti scorre per coprire l'immagine precedente, offrendo un piccolo contesto attorno all'oggetto che ora vedi di fronte a te. Ma è quella mancanza di contesto che ti fa venire voglia di saperne di più.
Inoltre, lo slogan "Souvenirs of The Near Future" suggerisce che questi oggetti fanno parte della loro linea di prodotti e un'opportunità per te di portare questi oggetti innovativi nella tua vita.
Fonte immagine
Vuoi un aspetto simile per il tuo sito web? Dai un'occhiata alla nuova raccolta di temi CMS Hub sul mercato Envato.
Amanda Martocchio Architettura
Uno studio di architettura potrebbe non essere specializzato nello sviluppo web, ma il suo sito web dovrebbe comunque dimostrare il suo impegno per un design visivamente gradevole. Amanda Martocchio lo ha preso a cuore con questo splendido sito web.
Non è un segreto che Amanda Martocchio Architecture ami il suo lavoro: ogni immagine sulla home page del suo sito Web è uno scatto incantevole delle case progettate dall'azienda. Il sito Web etichetta ogni casa che scorri con il tipo di design previsto, insieme a numerosi angoli di ogni edificio.
Fonte immagine
Idee per la progettazione di siti Web
Ora che hai visto una serie di piattaforme pluripremiate e ben progettate, tieni a mente queste potenziali idee mentre crei la tua.
- Considera i modi in cui puoi rendere interattivo il tuo sito web, come l'esempio del 1917.
- Crea un sito Web che enfatizzi l'esperienza mobile, anche se ha ancora una buona UX sui desktop.
- Crea un sito web che racconti una storia sul tuo marchio con foto, testo o video.
- Se non riesci a creare un sito fortemente interattivo, prendi in considerazione l'idea di attirare negli occhi un sito che presenta una presentazione delle tue foto.
- Assicurati che i tuoi inviti all'azione siano facili da vedere e incoraggia i visitatori a continuare a esplorare il tuo sito
- Mantieni la navigazione pulita. Assicurati che i tuoi visitatori sappiano sempre come tornare alla home page.
- Integra i tuoi siti di social media tramite i pulsanti di incorporamento sociale, in modo che i visitatori del sito possano seguirti facilmente sui tuoi vari canali social.
- Mantieni ciascuna delle tue pagine web coerente nel design, inclusi font, colori, immagini e messaggi.
- Metti alla prova l'usabilità del tuo sito web con una mappa di calore, che ti mostrerà su quali pagine web è più probabile che i tuoi visitatori rimbalzino.
- Includi una chat dal vivo o un chatbot per offrire ai visitatori la possibilità di interagire con te direttamente sul tuo sito Web se preferiscono la chat dal vivo alle telefonate. La chat dal vivo può automatizzare le funzioni per i tuoi rappresentanti di vendita e assistenza e creare una migliore esperienza di comunicazione per il cliente.
- Ottieni un certificato SSL per assicurarti che il tuo sito web sia sicuro. SSL fa parte dell'algoritmo di ranking della ricerca di Google, quindi un certificato SSL può aiutarti a posizionarti più in alto nella ricerca.
Costruisci un bellissimo sito web per la tua attività
La progettazione di un sito Web può essere semplice una volta che hai in mente un aspetto e una sensazione. Usa questi esempi come trampolino di lancio per sviluppare il layout, la tavolozza dei colori, le immagini e le animazioni del tuo sito web.
Una volta che sei pronto per iniziare a codificare o trascinare e rilasciare, avrai un bellissimo sito Web che i tuoi visitatori apprezzeranno.
Nota del redattore: questo post è stato originariamente pubblicato a gennaio 2021 ed è stato aggiornato per completezza.