Divi Design Showcase: nuove proposte da dicembre 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 dicembre. 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 dicembre 2020

1. Studio Linetti

Questo sito è stato presentato da Nicola Toffali. Il sito utilizza un interessante design a schermo diviso. La metà sinistra della sezione dell'eroe mostra il titolo del sito in un testo di grandi dimensioni su uno sfondo che cambia colore quando si scorre o si sposta il cursore sulla barra degli indirizzi. Sul lato destro c'è un testo rosso su uno sfondo bianco. Questa colonna è scorrevole all'interno della sezione. Quando leggi la fine della colonna, la sezione scorrerà. Le prossime due sezioni includono colonne quasi a schermo intero con uno sfondo nero da un lato e uno sfondo bianco dall'altro in un layout alternato e i caratteri sono nei colori opposti. La sezione finale è un messaggio umoristico a schermo intero su uno sfondo che cambia colore. Questo design è semplice e interessante allo stesso tempo.

Visita il sito web

2. Casa Roca Architetto

Questo sito è stato presentato da Freddy Maldonado. Questo sito include molti elementi sovrapposti con ombre scatolate, animazioni al passaggio del mouse e luci gialle. Sotto la sezione dell'eroe a schermo diviso c'è un blocco di colore su un lato con un'immagine sovrapposta e un CTA sovrapposto. I blurb forniscono informazioni sui tipi di lavoro. Hanno icone semplici in giallo e le macchie cambiano leggermente forma e ottengono uno spesso bordo giallo al passaggio del mouse. Questo li fa risaltare senza diventare troppo appariscenti. La mia sezione preferita mostra immagini che si sovrappongono a un feed di Instagram. Le immagini scorrono verso l'alto al passaggio del mouse per rivelare una descrizione con una sovrapposizione blu. Interessante anche la sezione contatti. Mostra le informazioni di contatto in una casella gialla sovrapposta a un piccolo modulo di contatto.

Visita il sito web

3. Campo clienti

Questo sito è stato presentato da Sarah Hart. Un riproduttore di podcast si attacca alla parte inferiore dello schermo con l'ultimo episodio. Viola e giallo vengono utilizzati per i colori del marchio in tutto il sito per sfondi, pulsanti, icone e per evidenziare il testo. Molti singoli elementi grafici scorrono indipendentemente dalle sezioni, facendo un grande uso degli effetti di scorrimento. Ogni sezione fa buon uso dello schermo per visualizzare CTA e informazioni. Mi piace particolarmente il modo in cui le testimonianze vengono visualizzate attorno alle immagini. Questo si trova nella parte inferiore del layout per la sezione delle testimonianze. Ci sono alcune GIF, ma non così tante da distrarre. Questo sito fa un grande uso di colori, effetti di scorrimento ed elementi sovrapposti.

Visita il sito web

4. Alive Service GmbH

Questo sito è stato presentato da Markus Behmann. Questo sito utilizza molto blu come punti salienti per icone, pulsanti, sfondi ed effetti al passaggio del mouse. Il menu utilizza effetti al passaggio del mouse animati per i collegamenti. La sezione eroe mostra un video con un divisore in stile sia per la parte superiore che per quella inferiore. Questo in particolare gli conferisce un'elegante separazione dal colpo di testa e lo aiuta a distinguersi. La mia sezione preferita mostra dettagli interessanti per i servizi. Le etichette includono un pulsante che si sovrappone all'immagine e al contenuto. Le etichette stesse si sovrappongono alla riga sopra di esse e si spostano orizzontalmente mentre scorri verso l'alto o verso il basso. Questa sezione include anche un divisore ondulato per abbinare la prima sezione e legarla insieme. Il layout è pulito ed elegante.

Visita il sito web

5. Architetto e costruzione dell'UEM

Questo sito è stato presentato da Abdy Designburo. Utilizza il verde come colore del marchio in tutto il sito, inclusi il logo, gli sfondi e i bordi dei pulsanti. La sezione dell'eroe utilizza uno sfondo verde su un lato con un motivo circolare per dargli stile. Il menu di navigazione ha uno sfondo trasparente, che lascia trasparire il verde su un lato. Durante lo scorrimento, il testo e lo sfondo del menu cambiano colore. Mi piace il CTA che posiziona le informazioni con i pulsanti su uno sfondo grigio chiaro che si distingue dallo sfondo bianco e include un motivo circolare. Un'immagine si sovrappone a questo per risaltare. Il motivo del cerchio grigio viene utilizzato in più punti per conferire una certa consistenza allo sfondo.

Visita il sito web

6. Strides Digital

Questo sito è stato presentato da Douglas Henrique. Questo utilizza un layout pulito con molti spazi bianchi in tutto il sito. Le evidenziazioni blu e gialle vengono utilizzate per pulsanti, icone, caratteri, sfondi e altri elementi grafici. I titoli sono piccoli e sembrano pulsanti, ma si distinguono nel modo giusto. CTA mostra la grafica disegnata a mano da un lato e il testo dall'altro. La grafica ha un design da cartone animato che funziona perfettamente per il sito web. Mi piace particolarmente il caso di successo che mostra uno sfondo blu che include il titolo e la descrizione con informazioni e un'immagine del lavoro che si sovrappone alla sezione successiva. La pagina per i casi di successo segue un design simile. Il layout è semplice ma il colore è ben bilanciato.

Visita il sito web

7. Piselli verdi per colazione

Questo sito è stato presentato da Monica Higgins. Questo utilizza molto rosa, verde scuro e oro per sfondi, testo e punti salienti e molti effetti di scorrimento in tutto il sito. Cambia il cursore del mouse in una punta stilizzata di una penna. La sezione dell'eroe mostra una riga rosa che si sovrappone alla sezione successiva. Adoro le immagini per mostrare i servizi. Ogni immagine è un vecchio hardware con testo su uno schermo o in fase di stampa. Il loro testo scorre mentre si scorre la pagina. Esempi di lavoro sono mostrati all'interno di una sezione con due colonne che include sfondi rosa con bordi dorati. Le immagini del lavoro sono collocate all'interno di vecchi schermi TV, nei browser Web o come grafica. Ciascuno degli elementi grafici utilizza effetti di scorrimento. Questo sito fa un grande uso di colori e immagini.

Visita il sito web

8. Ehi Fresto!

Questo sito è stato presentato da James Middleditch. Utilizza un verde elegante come colore del marchio con molte foto ed effetti di scorrimento in tutto il sito. La sezione degli eroi riproduce un video di sfondo sfocato, ma si può vedere abbastanza per capire di cosa tratta il sito. Un titolo e uno slogan introducono il sito. Le immagini del cibo includono sovrapposizioni che svaniscono mentre scorri. I tag per le immagini sono in molti colori diversi per adattarsi al tema orientale. Le scritte pubblicitarie che forniscono informazioni si spostano ai lati mentre scorri, seguite da una sezione simile con CTA. Molti disegni e immagini aiutano a inquadrare i bordi del sito. Una sezione dei bestseller include prodotti con più opzioni. Questo sito include anche una barra di scorrimento in stile. Amo i colori e le immagini su questo sito.

Visita il sito web

9. MVMNT

Questo sito è stato presentato da Simon Frost. La sezione dell'eroe mostra un video a schermo intero con una frequenza di aggiornamento e un filtro che, ai miei occhi, sembra un vecchio proiettore di film digitali, mentre il testo in primo piano si capovolge per cambiare il messaggio ogni pochi secondi. Un'interessante sezione con immagini larghe in un layout alternato mostra titoli sopra le immagini che collegano alle informazioni sull'azienda. Le immagini includono effetti al passaggio del mouse. I post del blog includono più tag e sovrapposizioni che rivelano un estratto. L'azzurro e il rosa sono usati per i colori del marchio e sono spesso usati per sottolineare i titoli. Ciascuna delle pagine segue un design simile e include sfondi neri dietro alcuni dei titoli. Questo sito fa un uso elegante di colori e sfondi.

Visita il sito web

10. Le Kombucha

Questo sito è stato presentato da Florent Noel. Questo utilizza un sacco di grafica interessante e in tutto il sito. Utilizza principalmente il giallo chiaro e il verde chiaro per i colori del marchio che appaiono negli sfondi, nei pulsanti e nel pulsante back-to-top. La grafica di sfondo crea un drink con le bolle e include bordi ondulati per distinguersi dalle sezioni circostanti. Altre grafiche e immagini in tutto il sito mostrano la bevanda in bicchieri e brocche. Quelli con la grafica posizionano la grafica da un lato e il testo dall'altro per creare CTA. Questi sono disposti in un layout alternato. Le informazioni sono mostrate all'interno di blurb con icone multicolori. Tutte le immagini e la grafica scorrono o si spostano al loro posto mentre scorri.

Visita il sito web

In chiusura

Questi sono i nostri 10 migliori invii al sito Web Divi della community per il mese di dicembre. 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 bellenixe / shutterstock.com