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

1. Divemaster Gilis

Questo sito è stato presentato da Alexander Falch. Il sito utilizza una combinazione di colori corallo per lo sfondo fisso dell'intestazione, i divisori, le icone, gli sfondi blurb, il piè di pagina, le ombre del blog, ecc. La sezione eroe utilizza un'immagine di sfondo a schermo intero che mi attira e il testo nell'overlay che descrive il sito . L'intestazione appare quando scorri e include un'ombra scura per dargli un aspetto 3D. L'intestazione include anche icone disegnate con linee che cambiano colore durante lo scorrimento. I caratteri per le intestazioni sono alti e sottili. Il colore, le icone e i caratteri si adattano perfettamente al genere e funzionano bene con gli spazi bianchi in tutto il sito. I pacchetti sono mostrati con layout alternati con immagini per aiutare a descrivere gli eventi.

Visita il sito web

2. Tecnico

Questo sito è stato presentato da Michal Teska. Il sito è un design di una pagina che utilizza molti spazi bianchi con una grafica minima in tutto. Blu e rosa vengono utilizzati per i colori del marchio negli sfondi, nel testo, nei divisori, nella grafica e nel menu. Mi piacciono gli esempi di servizi che mostrano grafica da un lato e testo dall'altro in un layout alternato. Lo spazio bianco fa risaltare la grafica e il testo e gli conferisce un design pulito. Mi piacciono anche le descrizioni semplificate per descrivere i servizi, i separatori di sezioni ondulate e il modulo di contatto che si sovrappone a due sezioni.

Visita il sito web

3. L'Accademia PA

Questo sito è stato presentato da Aimee Agee. Questo sito utilizza molto rosso, nero e bianco per i colori di marca. Il rosso è particolarmente evidente nelle sovrapposizioni di sfondo e nelle icone. Insieme ai bordi bianchi e alle icone sugli sfondi rossi, questo fa risaltare il sito e sembra eccitante. Ogni sezione include animazioni di scorrimento. Mi piace particolarmente la semplice sezione del calendario degli eventi sotto la sezione degli eroi che mostra le date del workshop con un link di registrazione. La sezione su ciò che imparerai mostra i punti principali all'interno dei blurb nelle colonne esterne mentre un'immagine fluttua al centro e segue lo scorrimento del mouse. Un'altra delle mie sezioni preferite è il workshop CTA. Visualizza un'immagine grande nella metà sinistra dello schermo con una sovrapposizione rossa e CTA. Sulla destra ci sono semplici blurb per i proiettili con icone in stile.

Visita il sito web

4. Fitness e cibo

Questo sito è stato presentato da Patrick Hertnagel. Questo sito utilizza un bel verde per il colore del marchio nei menu, nei bordi, nei pulsanti, nel testo in sovrimpressione, nello sfondo del piè di pagina e persino nella barra di scorrimento. I titoli utilizzano un testo di grandi dimensioni che si fonde perfettamente con il design del sito. Mi piace particolarmente la sezione dei CTA di grandi dimensioni. Il display a due colonne che occupa l'intera larghezza dello schermo con il testo e il pulsante da un lato e un'immagine dall'altro. Include quattro di questi in un layout alternato. La sezione del blog include una casella di ricerca che corrisponde alla larghezza della colonna del blog. Un'altra sezione che spicca è la galleria di immagini del mosaico. Visualizza le immagini in più colonne e altezze, ma si adattano tutte allo spazio, creando una simmetria perfetta.

Visita il sito web

5. Ehi, orso creativo

Questo sito è stato presentato da Marcy Henriques. Utilizza un sacco di grafica da cartone animato in tutto e rosso, nero e giallo audaci per i colori di marca. La sezione dell'eroe mostra una grafica di sfondo di una montagna con una grafica simile sovrapposta, il tutto in varie tonalità di rosso con sfumature più scure per la grafica in primo piano. L'immagine in primo piano si espande durante lo scorrimento. L'intestazione mostra un menu di hamburger con linee in grassetto e un CTA in giallo con un bordo nero in grassetto. Pulsanti simili sono posizionati in tutto il sito. Adoro la grafica dell'orso e della montagna che utilizza questo sito web. Il design fa un grande uso di colori audaci e grafica di sfondo pur mantenendo il contenuto pulito e leggibile.

Visita il sito web

6. Rue

Questo sito è stato presentato da Mathias Rue. Utilizza uno sfondo nero con testo bianco, rosso e viola. La sezione degli eroi è una sezione a schermo intero che inquadra lo schermo e posiziona i collegamenti negli angoli. Include testo extra-large per lo slogan. Tutti i moduli hanno un bordo che va dal rosso al viola. Il testo viola nella sezione degli eroi e le parti viola del bordo diventano rosse mentre scorri. Le sezioni successive mostrano le immagini dei servizi e del portfolio con sfondi neri, testo bianco e tag e collegamenti rossi. Questi moduli sono affiancati con 2 o 3 per fila. Ciascuno di questi moduli si espande al passaggio del mouse per occupare più spazio e le loro immagini vengono ingrandite. Le informazioni di contatto nel piè di pagina utilizzano anche il testo extra-large che cambia colore durante lo scorrimento. Questo sito fa un uso interessante di testo di grandi dimensioni ed effetti al passaggio del mouse.

Visita il sito web

7. Dijimoe

Questo sito è stato presentato da Moe a Dijimoe. Questo sito utilizza molto blu scuro per gli sfondi e le luci. La sezione degli eroi mostra una grande grafica con un titolo su uno sfondo di particelle animate. Ogni sezione utilizza separatori stilizzati per il fondo per fornire una forma a U stilizzata per distinguersi. Le sezioni si alternano tra sfondi blu scuro e sfondi bianchi. Ciò mantiene un design semplice, pulito ed elegante. I servizi vengono visualizzati all'interno di blurb che utilizzano icone di colori diversi. I loghi dei clienti sono mostrati all'interno di uno slider che è sempre in movimento, quindi si distingue dal resto del sito. Il menu è semplice con un collegamento su ciascun lato che include un'icona all'esterno del collegamento. Passando il mouse sul collegamento viene visualizzato uno sfondo arrotondato. Mi piace particolarmente l'uso di fisarmoniche in stile e grafica nella pagina Servizi.

Visita il sito web

8. La nutrizionista Maria Antonietta Gastone

Questo sito è stato presentato da Daniele Bardella. Questo sito utilizza un design pulito con molti punti salienti arancioni per pulsanti, collegamenti e icone. Il layout utilizza gli spazi bianchi per far risaltare ogni blurb, CTA e testimonianza. La sezione per i servizi utilizza un'immagine a lato e mostra una serie di blurb con una breve descrizione e un'icona con un collegamento per saperne di più. Mi piace la sezione sul metodo utilizzato. Fornisce una descrizione seguita da blurb che si sovrappongono a un'immagine su un lato. Un CTA a tutta larghezza per un libro mostra un pulsante al centro e un'immagine su un lato. La pagina del libro utilizza testo bianco e un'immagine della copertina del libro su uno sfondo arancione. Questo sito fa buon uso del colore e degli spazi bianchi.

Visita il sito web

9. Strategia web

Questo sito è stato presentato da Michael Kwasiuk. Questo sito utilizza il rosso radicale per le alte luci su sfondi bianchi e neri. Il rosso è anche usato come schermo del preloader. Praticamente ogni sezione ha qualcosa che si sovrappone o si sposta dal centro. Quando le sezioni si alternano, questo crea un equilibrio unico che guida il tuo sguardo. Diverse sezioni posizionano il testo su un lato con un'immagine animata sull'altro. Il portfolio utilizza un dispositivo di scorrimento spostato su un lato con uno stile di navigazione unico. La sezione blog mostra le schede con le descrizioni sfalsate rispetto all'immagine. Adoro il modo in cui il logo cancella le lettere mentre scorri e lascia la prima lettera con il punto per il menu principale.

Visita il sito web

10. Limonata IT

Questo sito è stato presentato da Teck Seng Chan. Il design utilizza una combinazione di colori giallo e verde (limone e lime) per i punti salienti come il CTA nel menu, la grafica, i bordi, il testo, la navigazione a scorrimento, i colori di sfondo dell'immagine in primo piano nel post del blog e altro ancora. Tutti gli sfondi delle sezioni sono bianchi o grigio chiaro per aiutare a mantenere il design il più semplice e pulito possibile. I servizi sono mostrati all'interno di bordi alti che aggiungono ombre alla parte inferiore al passaggio del mouse. La mia sezione preferita è un CTA con un telefono cellulare e un layout del sito Web che si muove indipendentemente dietro di esso. Interessante anche lo slider delle testimonianze. Scorre verticalmente le testimonianze. Questo sito fa buon uso del colore e di un layout semplice.

Visita il sito web

In conclusione

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