Divi Design Showcase: nuove proposte da aprile 2020

È di nuovo il momento per il nostro Divi Showcase mensile, in cui diamo un'occhiata a dieci fantastici siti Web Divi realizzati dai membri della nostra community. Ogni mese mostriamo i migliori siti web Divi che sono stati inviati dalla nostra community e oggi vogliamo condividere con voi i primi dieci siti web per il mese di aprile. In tutto il post, indicherò alcune delle mie caratteristiche di design preferite che mi attirano in ciascuno dei siti web.

Spero vi piacciano!

Divi Design Showcase: nuove proposte da aprile 2020

1. Abel Villaverde

Questo sito è stato presentato da Abel Villaverde Sellers. Un viola bluastro viene utilizzato in tutto il sito per sfondi, testo, grafica e altri punti salienti. La sezione eroe mostra uno slogan con un invito all'azione seguito da un grande grafico. La sezione successiva utilizza uno sfondo bianco con l'immagine di un sito Web circondata da una grafica con i colori del marchio da un lato e un CTA dall'altro. I progetti vengono visualizzati come carte con stili che rivelano un bordo inferiore viola al passaggio del mouse. Una sezione con informazioni sul proprietario del sito mostra testo bianco e blu su sfondo viola e include due pulsanti; uno per ogni colore. I servizi sono mostrati all'interno di blurb che sono sfalsati e includono il bordo con stile al passaggio del mouse. Un invito all'azione con uno sfondo mentre viene visualizzato un'icona a forma di stella che si distingue. Mi piace il modo in cui le sezioni utilizzano molti separatori ondulati e l'uso del colore in questo sito.

Visita il sito web

2. IYASHI

Questo sito è stato presentato da Alex Hawro. Ha un menu in stile con un logo sovrapposto e due linee di collegamenti con icone e CTA. La sezione eroe mostra uno slogan seguito da una serie di immagini che si collegano tra loro. I servizi sono mostrati con grafici che includono titoli sovrapposti e collegamenti alle pagine dei servizi. Un grande post slider è uno degli elementi più interessanti. Le immagini vengono posizionate sullo sfondo con una parte delle immagini precedenti e successive mostrate. Una casella con testo e navigazione si trova sul lato sinistro dell'immagine e una grafica sovrapposta si trova sul lato destro. Le diapositive sono numerate in basso. La sezione successiva mostra immagini e informazioni di grandi dimensioni con schede in basso. Le informazioni vengono visualizzate con icone personalizzate utilizzando i colori del marchio. Il listino prezzi è un altro elemento interessante. Ogni prezzo viene visualizzato all'interno di elementi separati. Ingrandiscono e visualizzano i bordi in stile sui lati al passaggio del mouse. Mi piacciono i colori di marca rosso e verde che vengono utilizzati nelle evidenziazioni e nel testo in tutto il sito.

Visita il sito web

3. Piccadilly Whippy

Questo sito è stato inviato da Ron Studios. Posiziona il titolo su un video di sfondo a schermo intero con una serie di statistiche in grandi caselle in basso. La sezione successiva continua il design con una grande scatola di informazioni con un CTA per saperne di più. La sezione successiva mostra un'immagine su un lato e un grande testo colorato sull'altro su uno sfondo blu scuro. I servizi sono mostrati all'interno di immagini cerchiate su uno sfondo colorato in parallasse. Le informazioni sulla prenotazione di un evento mostrano immagini angolate su uno sfondo giallo in grassetto. Le testimonianze vengono visualizzate su uno sfondo blu scuro con testo bianco e un'immagine grande. Una sezione di CTA visualizza immagini di diverse larghezze con testo in riquadri colorati. Mi piace l'uso di colori audaci su questo sito. I colori e i caratteri si adattano perfettamente al marchio dell'azienda. Adesso voglio il gelato.

Visita il sito web

4. Sentido Comunicacao

Questo sito è stato presentato da Fernanda Prevedello. Questo sito utilizza molto oro e prugna rossastra (o vino, forse?) In tutto il sito come colori di marca. La sezione degli eroi mostra un invito all'azione con un testo grande a sinistra e una grafica con i colori del marchio a destra. Le informazioni vengono fornite nella sezione successiva con elementi grafici che utilizzano un motivo di sfondo grigio stilizzato su un lato e testo stilizzato dall'altro. La sezione servizi mostra un CTA da un lato con le descrizioni dei servizi dall'altro all'interno delle fisarmoniche. Una sezione per i casi mostra tre casi come testo sul motivo di sfondo grigio. La sezione blog mostra le schede del blog che si sovrappongono a un colore di sfondo del marchio. In particolare questo il modulo di contatto è interessante. Il modulo viene visualizzato su un blocco di colore che include un pulsante di chiamata cliccabile. Mi piace l'uso del colore di marca su questo sito.

Visita il sito web

5. Agenzia di marca vista

Questo sito è stato presentato da George Paratsokis. Fa un uso interessante del testo in vera parallasse con il testo. L'intestazione mostra un menu di hamburger a sinistra e un logo a destra. Il menu visualizza una casella grigio chiaro al passaggio del mouse. Quando fai clic sull'icona, il menu si apre da quella posizione e si estende sullo schermo, visualizzando testo di grandi dimensioni e pulsanti social. La sezione dell'eroe mostra una tagline come testo extra-large sullo sfondo. Sia il testo che lo sfondo sono grigio scuro. Il primo piano mostra un grande titolo in bianco che introduce l'azienda. Mentre scorri, il testo scorre in parallasse, rivelando una serie di collegamenti al portfolio in un testo di grandi dimensioni che scorre separatamente dal titolo. Altre sezioni fondono il testo di sfondo per mostrare il testo scuro su un lato e il testo chiaro sull'altro con pulsanti che creano CTA. Un piè di pagina mostra il titolo del sito e i grandi pulsanti di follow social. Anche la barra di scorrimento è disegnata per adattarsi al sito.

Visita il sito web

6. Carola Staudinger

Questo sito è stato presentato da Sibi Ha. Questo sito fa un uso eccellente dei colori di marca marrone e rosa. La sezione dell'eroe mostra un'immagine di sfondo a schermo intero in parallasse con il logo, il titolo e un invito all'azione nell'overlay. Una sezione sull'azienda segue questo e include informazioni con pulsanti di follow social da un lato e un'immagine dall'altro. Questa sezione include un messaggio scritto con un elegante carattere di script. Una CTA di prenotazione a tutta larghezza visualizza un'immagine di sfondo utilizzando un gradiente dai colori del marchio per lo sfondo e un'immagine con riflessi rosa. In seguito viene visualizzato un CTA simile che utilizza un'immagine a schermo intero con più informazioni. Le informazioni sui servizi sono mostrate all'interno di una sezione con immagini e testo all'interno di un layout a mosaico. Una sezione del team mostra le foto degli stilisti e include alcune informazioni biografiche. La sezione dei contatti elenca le ore di funzionamento da un lato e posiziona un modulo di contatto in stile dall'altro, seguito da una mappa a tutta larghezza.

Visita il sito web

7. MTB alimentata

Questo sito è stato presentato da John Hawley. Questo usa un sacco di giallo audace per il colore del marchio. La sezione degli eroi riproduce un video di sfondo dietro il menu e un grande invito all'azione. Una freccia che ti mostra di scorrere rimbalza sulla sinistra dello schermo. Lo scorrimento rivela una sezione con un titolo intelligente da un lato e informazioni dall'altro che include un pulsante in stile con i colori del marchio. I Blurb mostrano la grafica nei colori del marchio e includono collegamenti per leggere ulteriori informazioni. Una sezione per le informazioni di contatto mostra una riga di grandi blocchi con un CTA di contributo con grafica in uno e pulsanti di follow social nell'altro. Entrambi usano colori di marca. Questo porta in un modulo di iscrizione in stile include una grande immagine di sfondo e si distingue dallo sfondo giallo. La parte superiore di questa sezione mostra un divisore di sezione con stile. Il piè di pagina personalizzato include il giallo per le alte luci su uno sfondo grigio scuro.

Visita il sito web

8. Yooker

Questo sito è stato inviato da Sander Goorman. Questo sito utilizza il blu per il colore del marchio e include una barra di scorrimento in stile. La sezione eroe mostra un video di sfondo con una descrizione e collegamenti ai servizi in primo piano. Il menu posiziona i collegamenti a sinistra e un CTA a destra. Blurb con icone e descrizioni per i servizi si sovrappongono al video con la sezione successiva e si animano al passaggio del mouse. Una sezione sull'azienda mostra un riepilogo su un lato con le parole chiave evidenziate nel colore del marchio con la descrizione sull'altro lato. Diversi esempi sono mostrati all'interno di schermate di vari dispositivi e includono collegamenti per visualizzare il sito Web completo. Un modulo di richiesta viene posizionato su un'immagine a larghezza intera e include una casella a discesa per specificare quando qualcuno dovrebbe chiamare. La sezione dei contatti include un CTA a tutta larghezza e molti link di contatto. Mi piace il design pulito.

Visita il sito web

9. Maestri di corda

Questo sito è stato presentato da Michal Teska. Usa molto blu e arancione per i colori di marca. La sezione degli eroi mostra tre diversi livelli. Lo sfondo è blu fisso e si fonde con il menu, che include frecce arancioni per indicare la pagina corrente e per la chiamata CTA. Un'immagine di sfondo viene posizionata sullo sfondo blu e non copre completamente il lato sinistro. Questo sfondo utilizza una sovrapposizione blu scuro con un disegno arancione sulla destra e si sovrappone alla sezione successiva. A questo si sovrappone uno slider che mostra i servizi con immagini e titoli. Le informazioni sono fornite all'interno di blurb con icone arancioni e includono titoli e descrizioni. Un'interessante CTA di contatto segue un design simile alla sezione degli eroi. Fornisce uno sfondo blu con un'immagine che si sovrappone nella parte superiore. L'immagine non copre il lato destro e ha una sovrapposizione arancione intenso. L'invito all'azione utilizza un testo bianco di grandi dimensioni che risalta perfettamente. Adoro l'uso del blu e dell'arancione.

Visita il sito web

10. Occhiali Henrik Stenson

Questo sito è stato presentato da Maximilian Leiding. Ha un design pulito per mantenere l'attenzione sui prodotti. La sezione eroe mostra un CTA su un lato e un'immagine del prodotto in uso sull'altro lato. Un separatore curvo crea un design del fondo arrotondato per la sezione dell'eroe. Lo scorrimento mostra i quattro prodotti più venduti. I loro sfondi si fondono con lo sfondo del sito web. La sezione successiva mostra due immagini dei prodotti con link alle loro pagine seguite da un altro elenco di prodotti per una specifica categoria in due colonne: un titolo a sinistra e i prodotti a destra. Un elenco simile appare più vicino al piè di pagina e include ancora più prodotti. Le informazioni sono fornite in una sezione a due colonne con un'immagine da un lato e il testo dall'altro con un link per leggere l'intera storia. Un modulo di iscrizione alla newsletter conduce al piè di pagina e aggiunge i colori utilizzati nella sezione degli eroi. Mi piace il design semplice e pulito.

Visita il sito web

Conclusione

Questi sono i nostri 10 migliori invii al sito Web Divi della community per il mese di aprile. Questi siti sono fantastici e come sempre vogliamo ringraziare tutti per i tuoi contributi!

Se desideri che il tuo design venga preso in considerazione, non esitare a inviare un'e-mail al nostro editore a nathan all'indirizzo eleganti temi dot com. Assicurati di inserire nell'oggetto dell'e-mail “DIVI SITE SUBMISSION”.

Ci piacerebbe anche sentirti nei commenti! Dicci cosa ti piace di questi siti web e se c'è qualcosa che hanno fatto vuoi che insegniamo sul blog.

Immagine in primo piano via naum / shutterstock.com