Un design eccellente attira nuovi spettatori sul tuo sito web e li mantiene impegnati con il contenuto lì. Ma se non sei un designer, scegliere il miglior design per il tuo sito web può essere un compito arduo., In questa guida esamineremo 18 differenti di web design idee, con una collezione di veri siti web si può utilizzare come fonte di ispirazione
18 sito web design idee con esempi reali
Utilizzare un sito web di una pagina
Un sito web di una pagina mantiene tutte le informazioni importanti circa la vostra azienda in una pagina in modo che gli utenti possono imparare tutto il necessario, senza essere costretti a spostarsi in diverse parti del tuo sito., Uno dei modi migliori per farlo è mettendo tutte le informazioni su un cursore sullo schermo come il Galeone e la Caravan ha fatto:
La cosa più importante da ricordare quando si lavora con questo tipo di disegno che si desidera evitare di ingombrare la pagina con troppe informazioni.,
How Come creare un sito web di una pagina
Idee per la progettazione di siti Web per video
Il contenuto video può essere un componente efficace di qualsiasi sito Web ed è un modo particolarmente potente per accogliere i visitatori nella tua home page. Un sito che usa il video sulla homepage è il Canadese Agorapulse sito:
Si può scegliere di fare un video facilmente riproducibili dalla tua home page o anche impostare l’autoplay, ma assicurarsi che non si sceglie di autoplay se il video include l’audio., Molte persone preferiscono la navigazione silenziosa.
How Come aggiungere video a WordPress
Investi in illustrazione
Le illustrazioni personalizzate sono un ottimo modo per stabilire la sensazione unica del tuo marchio e dare ai visitatori un’idea di come si sentirà lavorare con la tua azienda., Un sito che fa questo particolarmente bene, i Social Media Examiner:
personalizzato-illustrato banner trasmette Social Media Examiner impegno a esplorare nuovi aspetti dei social media e l’approccio amichevole prendono a lavorare con i clienti.
Naturalmente, questo percorso può diventare costoso, quindi vuoi concentrarti su due o tre illustrazioni personalizzate per la tua pagina principale.,
Accenta la tua home page con animazioni
Un altro ottimo modo per rendere la tua home page unica e mantenere l’attenzione dei visitatori è quello di caratterizzare animazioni personalizzate. Questi possono riempire l’intera home page o essere utilizzati come un accento come sono sul sito per la migliore Educazione Giorno mai:
Mantieni le tue animazioni semplici e brevi per accogliere i visitatori’ brevi intervalli di attenzione. Potresti anche voler includere un invito all’azione nell’animazione.,
Gamify your site
Uno dei modi migliori per convincere un pubblico ad agire sul tuo sito web è renderlo divertente. Zurb ha fatto questo particolarmente bene con un sito web che si comporta come un gioco choose-your-own-avventura in cui è possibile utilizzare per scoprire come si può lavorare con loro.
Puoi creare il tuo sito web choose-your-own-adventure abbastanza facilmente, o portare questa strategia al livello successivo creando la tua valuta e premiando gli utenti per azioni specifiche.,
Aggiungi un popup
I popup possono essere una delle tattiche di marketing più fastidiose sul web, ma sono anche uno dei più efficaci: in un esperimento un singolo popup opt-in ha attirato 1,375% in più di abbonati. Tuttavia, non vuoi infastidire le persone con i popup prima che leggano i tuoi contenuti; il momento più efficace per far apparire un popup è quando qualcuno cerca di lasciare il tuo sito web.,
Social Media Examiner ha fatto particolarmente bene, con più popup utilizzando diverse immagini e testo in modo da attirare più iscritti possibili:
👉 Come aggiungere popup personalizzato per WordPress
Utilizzo di un full-size foto
Invece di un normale sfondo bianco, considerare l’utilizzo di un full-size foto come sfondo per il tuo sito., Ancora meglio se la foto utilizza un volto, come lo sfondo della homepage di Bluehost:
Questo aiuta le persone a connettersi con il tuo sito web, e il tuo marchio, a un livello più personale.
Idee per la progettazione di siti web per eCommerce
Vendi prodotti online? Rendi la tua homepage parte del tuo negozio di e-commerce e incoraggia le persone a iniziare ad acquistare nel momento in cui entrano nel tuo sito web., Puoi vedere questa idea eseguita davvero bene sul sito Jeep People:
Naturalmente, se scegli questa strada, vuoi anche assicurarti di non commettere errori di progettazione del sito di e-commerce comuni.
How Come avviare un negozio online
Dividi la tua homepage
Hai diversi prodotti, servizi o altre informazioni che desideri condividere sulla tua homepage? Considera di dividerlo in sezioni con blocchi, divisori verticali e spazio bianco.,
Un sito che fa particolarmente bene è Etsy:
Web design idee per il menu di navigazione
Floating menu di navigazione bastone con il vostro visitatore di scorrimento, il che rende facile per loro di spostarsi in altre parti del tuo sito web in qualsiasi momento., Molti siti web hanno adottato questo stile di navigazione per rendere i loro visitatori più facile la vita, tra cui i siti web di piccole imprese come STEAMLabs:
È possibile aggiungere facilmente un floating menu di navigazione utilizzando la connessione Sticky Menu (O Nulla) Sul plugin di Scorrimento.
Concentrarsi sull’accessibilità
Se si desidera raggiungere un pubblico con disabilità visive e disabilità motorie, è necessario concentrarsi sulla costruzione di un sito web accessibile., La Fondazione KidzWish è un ottimo esempio di un sito web costruito con l’accessibilità-primo pensiero:
È possibile rendere il proprio sito web più accessibile utilizzando caratteri grandi e colori contrastanti.
Idee per la progettazione di siti web che caratterizzano la tua comunità
Il tuo sito web è principalmente la casa di una comunità online? Considera di rendere il forum, la chat o altri principali mezzi di comunicazione la tua home page., Puoi vedere questa idea usata bene su Barista Exchange:
Naturalmente, vuoi assicurarti che la tua pagina sia ancora attraente. Personalizza la tua home page con colori e grafica accoglienti per attirare le persone.
Condividi la tua prova sociale
La prova sociale è una delle idee di progettazione di siti web più preziose nella tua casella degli strumenti di marketing., Caratteristica la tua migliore testimonianze visibile sulla tua homepage, come ho fatto io sul mio sito web:
È possibile amplificare la potenza delle vostre testimonianze da lavoro in grafica e la costruzione di un dispositivo di scorrimento con grafica.
Aggiungi una funzione di chat
Una finestra di chat o popup sulla tua home page consente ai visitatori di interagire con il tuo marchio e ottenere risposte di base subito. Meglio di tutti, è possibile utilizzare un chatbot WordPress per automatizzare l’intero processo.,
Un sito che utilizza bene un chatbot è OptinMonster:
Considera di far apparire il tuo bot nell’angolo in basso a destra in modo che non interferisca con altri usi del tuo pagina iniziale.
How Come aggiungere live chat a WordPress
Aggiungi quiz con ampio appeal
Tutti amano un quiz divertente che mette alla prova le loro conoscenze o mostra loro qualcosa su se stessi. Probabilmente hai trascorso almeno un paio d’ore su Buzzfeed quiz te stesso.,
Un altro sito che fa questo molto bene è il sito PlayBuzz, che si concentra intorno quiz in stile Buzzfeed.
È possibile aggiungere quiz al proprio sito facilmente con un plugin WordPress quiz.
How Come creare un quiz su WordPress
Usa i principi del design brutalista
Il web design brutalista è un design focalizzato su contenuti grezzi, con poca considerazione per le convenzioni tipiche del design., Puoi vedere questo principio usato efficacemente sul Contorno:
Questo principio non funzionerà per tutte le marche, ma può essere altamente efficace per le aziende focalizzate sulle arti, sulla cultura giovanile o sulla cultura fai da te.
Idee per la progettazione di siti web per una homepage unica con glitch art
Glitch art utilizza glitch digitali o analogici per creare un’estetica iper futuristica. Alcune delle tecniche più comuni utilizzate per creare questa estetica sono pixelation, perdite di luce, e doppia esposizione.,
Un sito che utilizza glitch arte per creare un potente estetica è Attivo Teoria:
Utilizzare una tavolozza in bianco e nero
a Volte, la cosa migliore da fare è tornare alla base, e questo è esattamente ciò che una tavolozza in bianco e nero consente di fare., Un sito che fa questo particolarmente bene è l’agenzia di marketing Councl:
È possibile utilizzare la fotografia in bianco e nero o illustrazione di personalizzare ulteriormente questo aspetto.
Crea il tuo sito web oggi
Con le idee di progettazione del sito web in questo post, si dovrebbe avere un sacco di ispirazione per rendere il proprio sito web.,
Per aiuto, abbiamo anche alcune guide sul processo tecnico di creazione di un sito web:
- Come creare un sito web con WordPress
- Come creare un blog con WordPress
- Come creare un sito web con Wix