Gli 8 diversi tipi di siti web e come progettarli

Porre attenzione al design del sito web è fondamentale per costruire il tuo business. Ora ci sono quasi 1,7 miliardi di siti web online, che forniscono un sacco di diversi tipi di siti web da studiare, ma anche un sacco di confusione su quale tipo e design funzionerà effettivamente meglio per voi.

Come designer o piccolo imprenditore, devi avere familiarità con tutti i diversi tipi di pagine web là fuori, in modo da poter decidere quale soddisferà le tue esigenze. Studiare ciò che i concorrenti hanno scelto e condurre dei test ti permette di creare il formato perfetto per ogni marchio e la sua base di clienti.

Questi sono gli 8 diversi tipi di siti web:

Homepages-

La homepage è l’hub principale del tuo sito e serve come il volto di un marchio.

La tua homepage aiuta i visitatori a raggiungere diverse aree del sito, e può anche servire come un imbuto di conversione. Poiché la maggior parte delle persone viene da voi attraverso la vostra homepage, è qui che il design conta di più.

Una homepage può assumere molte forme diverse, ma durante la progettazione è importante ricordare lo scopo della homepage come navigazione principale e punto di interesse per i visitatori del sito. Rendere chiaro qual è il business e offrire la proposta di valore unico (UVP) in anticipo. Stabilisci la gerarchia del sito e la struttura di navigazione sulla homepage. Utilizzate la tavolozza dei colori del vostro marchio, il logo e le immagini altamente rilevanti per l’attività. La homepage dà il tono all’immagine dell’azienda, quindi dovrebbe raccontare una storia su chi siete attraverso immagini e parole.

Matcha Kari è un eccellente esempio di questo tipo di sito web per homepage. Notate la navigazione nella parte superiore della pagina che stabilisce il tono di ciò che troverete sul sito. Poiché la pagina serve come inizio del funnel di conversione, i visitatori possono ottenere un coupon, iscriversi alla mailing list o guardare un video sui loro prodotti.

Siti web di riviste-

Un sito web di riviste presenta articoli, foto e video che sono informativi ed educativi. Negli ultimi vent’anni, l’industria delle riviste è passata da una piattaforma di sola stampa a un formato largamente digitale. Il tipo di sito web della rivista funziona bene per i siti web informativi, in particolare per le pubblicazioni di università e organizzazioni.

Per quanto riguarda la creazione di un sito di rivista, iniziate a costruire una struttura di base. Gli utenti dovrebbero vedere un layout simile a prescindere dal giorno in cui atterrano sulla tua homepage, e ogni articolo deve avere un layout e una navigazione simili. Tieni a mente quanto il design complessivo sia reattivo alle diverse dimensioni dello schermo per assicurarti che il tuo contenuto sia facilmente leggibile sia sui desktop che sugli smartphone.

Urban Omnibus è un sito di una rivista online con un layout abbastanza tradizionale. Il tema del loro numero corrente è evidenziato con un’immagine principale e un box che descrive cosa c’è nell’articolo in evidenza. Sotto l’articolo in evidenza c’è un layout a griglia di ogni colonna della rivista con un’immagine, un titolo e una breve descrizione di ciò che i lettori trovano all’interno di ogni articolo.

Siti web di e-commerce-

Un sito web di e-commerce è una destinazione di shopping online dove gli utenti possono acquistare prodotti o servizi dalla tua azienda.

Una robusta pagina web di e-commerce rende facile sfogliare i prodotti, filtrare per categorie, evidenziare le vendite speciali ed effettuare acquisti.

Un modo semplice per iniziare è attraverso una piattaforma e-commerce completa come Shopify o Squarespace. Il tuo team può facilmente aggiornare l’inventario online ed elencare nuovi prodotti. Inoltre, poiché il sistema è interconnesso, le vendite, la logistica e il marketing sono tutti tenuti informati su ciò che funziona bene. Sul fronte del design, le piattaforme di e-commerce offrono diversi modelli che soddisfano le esigenze di quasi tutti i tipi di business.

Flipkart vende una vasta gamma di prodotti, il che significa che ci sono un sacco di articoli presenti sulla loro homepage. Si noti come si dividono gli articoli in categorie specifiche, ma offrono anche offerte del giorno in evidenza sulla loro homepage. Ogni immagine è professionale e mostra chiaramente il prodotto, ma le descrizioni sono inizialmente brevi, con maggiori dettagli sulla pagina del prodotto.

Blogs-

Un blog presenta articoli, foto e video regolarmente aggiornati. I blog hanno iniziato con contenuti più casuali e personali rispetto alle riviste. Ma da allora, le linee si sono confuse, e ora è estremamente comune per i grandi marchi e le aziende avere un proprio blog. L’aggiunta di contenuti di esperti migliora la credibilità generale di un’azienda o di un individuo. I blog forniscono anche materiale per i post sui social media e le campagne e-mail.

Tuttavia, un blog può anche diventare ingombrante per le aziende più piccole. Assicuratevi di avere un team e una strategia in atto per mantenere i contenuti freschi prima di considerare il lancio di un blog. In realtà è meglio non avere un blog e offrire invece alcuni video o guide, piuttosto che avere un blog irrimediabilmente obsoleto.

Nourish Eats mantiene le cose semplici e concentrate sul contenuto del suo blog. Invece di usare un cursore in cima alla pagina, il sito integra un cursore rotante a destra, che passa attraverso le diverse categorie del sito. Il cursore mantiene il contenuto fresco e coinvolge gli utenti. Gli utenti possono navigare in qualsiasi punto o usare le frecce per andare avanti o indietro.

Siti web portfolio-

Un sito web portfolio permette ai professionisti creativi un posto per mostrare il loro miglior lavoro. Questo è perfetto per artisti, scrittori, designer, registi, costruttori di mobili, e così via.

Come si costruisce un portfolio, non c’è bisogno di aggiungere ogni singolo progetto su cui si è lavorato. Invece, concentrati sulla creazione di categorie di articoli e metti in evidenza il miglior lavoro di ogni categoria. Un sito di portfolio è un po’ più creativo per natura, quindi questo è il posto per provare layout unici e aggiungere caratteristiche interessanti.

Il portfolio online del designer Gautier Maillard è la miscela perfetta di creatività e di migliori progetti. Mentre l’utente scorre la pagina, diverse immagini vengono evidenziate. Cliccando su qualsiasi immagine, si vedono le campagne pubblicitarie del progetto. Se vuoi saperne di più sul designer, clicca sul pulsante di navigazione in alto a destra e scoprirai che vive a Parigi, dove ha studiato e a quali progetti ha lavorato. Questo layout e questa strategia funzionano perché il focus è sul suo lavoro reale e il testo è limitato. Gli utenti elaborano e ricordano le immagini meglio del solo testo.

Pagine di atterraggio-

Una pagina di atterraggio è un tipo di pagina specifica creata per una campagna di marketing che spinge i visitatori a compiere un’azione specifica.

Il contenuto di una pagina di atterraggio dovrebbe essere limitato e puntare alla call-to-action (CTA) che vorresti che l’utente compia. Lascia molto spazio bianco intorno alla tua CTA e conserva gli elementi non legati allo scopo di quella campagna per altre pagine.

La landing page di prova gratuita diShopify prevede titoli e call to action semplici, come “Inizia la prova gratuita”. Tutti gli elementi della pagina guidano l’acquirente attraverso un viaggio molto specifico destinato a farlo diventare un lead qualificato. Usano immagini rilevanti e alla moda e aggiungono un po’ di effetto 3D con gli occhiali da sole nell’angolo, mostrando anche come appare uno dei layout dei loro siti di shopping.

Social media websites-

Ci sono circa 2,77 miliardi di persone sui social media con decine di piattaforme diverse disponibili. Non importa chi sia il vostro target, probabilmente lo troverete su Facebook o Twitter o Instagram o Snapchat o LinkedIn. Anche se non potete ridisegnare le piattaforme stesse, avete un certo controllo sull’aspetto della vostra pagina, e potete creare contenuti che guidano le condivisioni sui social media.

Occorre un look coerente su tutte le vostre pagine di social media e le pagine web, così gli utenti sanno immediatamente che il vostro marchio è dietro la pagina. Usate lo stesso logo e le stesse scelte di colore. Scegli una voce specifica e una personalità che risplenda in tutti i contenuti.

Quando crei contenuti, concentrati su cose che hanno un alto potenziale di essere condivise sui social media, come video divertenti, infografiche, meme, report approfonditi e offerte gratuite.

La pagina Facebook di Nutella mostra un interessante mix di contenuti che si allineano tutti alla palette di colori e al look generale del marchio. Presentano meme fatti appositamente per i social media, come “Oggi, condividerò la mia Nutella con…”. Tuttavia, offrono anche video e idee su come utilizzare il loro prodotto in modi unici. Nota come hanno anche i pulsanti dei social media sul loro sito web in modo che gli utenti li trovino facilmente sulle diverse piattaforme.

Pagine di directory e di contatto-

Una directory o pagina di contatto è un luogo dove gli utenti possono connettersi con te o con altri.

Questo tipo di sito web funziona bene quando si vuole elencare un archivio di aziende o persone all’interno di un’organizzazione. Per esempio, un elenco di ristoranti locali presenta i ristoranti della zona con menu, fasce di prezzo, numero di telefono e recensioni.

La natura di un’organizzazione crea un’opportunità per un sito web di directory. Per esempio, un’associazione di dentisti locali in una città potrebbe elencare ogni membro, la loro area di competenza e le loro informazioni di contatto. Tieni questa opzione di design nella tasca posteriore per i clienti.

Manta è una directory aziendale che presenta piccole imprese in base alla posizione. Oltre alla capacità di ricerca per parole chiave, il sito offre la navigazione per categorie in aree come ristoranti, appaltatori e medici. Le aziende possono aggiungere una voce alla directory e il sito guadagna denaro attraverso la pubblicità.

Scegli il tipo di sito giusto per il tuo pubblico-

Un buon design è molto più di un semplice look accattivante, ma guida anche il coinvolgimento dell’utente ed è altamente mirato alle esigenze del pubblico che visualizza il sito. Presta attenzione a ciò che le altre aziende hanno fatto con il design del loro sito web e identifica rapidamente quale formato funziona meglio per ogni progetto. Conoscere ciò che gli altri hanno realizzato con diversi tipi di pagine ti dà una forte sensazione del tipo di sito web che funzionerà meglio per te.