Divi Design Showcase: nuove proposte da settembre 2019

È di nuovo il momento per il nostro Divi Showcase mensile in cui diamo un'occhiata a 10 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 settembre. 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 settembre 2019

1. La sposa errante

Questo sito è stato presentato da Kelsey Spectre. Incornicia il layout con opere d'arte floreali. L'intestazione posiziona il menu dell'hamburger a sinistra e un CTA a destra. Un dispositivo di scorrimento mostra le foto delle impostazioni e include la navigazione posizionata verticalmente. Un modulo di testo si sovrappone a questo e fornisce informazioni sull'azienda con un collegamento in stile sotto di esso per vedere i servizi. Sotto questa è una sezione con una tagline in un carattere elegante. Una sezione con informazioni su include un'immagine che si sovrappone alla sezione precedente. Le testimonianze sono mostrate in una sezione a tutta larghezza con il nome a lato. Mi piace il CTA in basso che segue lo stesso design del resto del sito e include un modulo di testo che esprime come una carta. Un piè di pagina personalizzato include un feed Instagram incorporato.

Visita il sito web

2. RHN CPA

Questo sito è stato presentato da Guillaume Bourdages. La prima cosa che ho notato è stato il menu. Gli elementi dell'intestazione sono bloccati e include un CTA, ma ciò che spicca è il mega menu. Passando con il mouse su una voce di menu viene visualizzata una sezione a larghezza intera con un'immagine su un lato, una descrizione con un pulsante e diverse colonne di collegamenti di testo. La sezione dell'eroe mostra un'immagine a schermo intero con uno slogan in caratteri grandi con una descrizione e un invito all'azione. Lo scorrimento mostra un grande grafico con un CTA. Mi piace la sezione Posizioni che mostra le foto come schede con il nome nell'overlay. Diverse sezioni a schermo intero hanno immagini da un lato e informazioni dall'altro. Le testimonianze vengono visualizzate all'interno di un dispositivo di scorrimento a schermo intero. Ha anche una sezione di contatto in stile e un piè di pagina personalizzato con un'immagine.

Visita il sito web

3. Airisa

Questo sito è stato presentato da Kristy Hill. Questo ha un layout semplice e unico. La sezione degli eroi è divisa in quattro colonne. La prima mostra il logo. I prossimi tre visualizzano le immagini per le categorie. I nomi delle categorie vengono visualizzati sopra di essi. Facendo clic sul nome o sull'immagine si accede a una galleria per quella categoria. La sezione successiva fornisce informazioni sul fotografo e include un'immagine cerchiata con una maschera di testo. Segue un feed Instagram incorporato e quindi il logo con i pulsanti di follow social. Le pagine della galleria mostrano le immagini in un mosaico e includono filtri che sembrano un menu secondario sotto il menu principale.

Visita il sito web

4. Arancione

Questo sito è stato inviato da Aranzer Construction. La sezione eroe mostra immagini e grafica in più livelli che seguono il cursore del mouse mentre ti muovi sullo schermo. Una sezione Informazioni su di noi include informazioni e un pulsante che si collega alla pagina Informazioni e mostra il processo di lavoro con loro utilizzando blurb numerati. Un'altra sezione di blurb mostra i vantaggi dell'utilizzo dell'azienda. La sezione per i servizi mostra un CTA e immagini di lavoro. Include anche un CTA per richiedere un preventivo appena sopra un piè di pagina personalizzato. Nel menu compare anche una richiesta CTA. La pagina Blog mostra uno slider dei post degli ultimi articoli. La pagina Servizi mostra molte immagini sovrapposte in un layout alternato.

Visita il sito web

5. Parco Latitudine

Questo sito è stato presentato da Rusty Rich. La sezione eroe include un'immagine di sfondo e una sovrapposizione sfumata che include una tagline con testo extra-large su un lato e un elenco di collegamenti sull'altro con sfondi sfumati per ciascuno. I badge e un modulo si sovrappongono alla sezione degli eroi e forniscono informazioni sull'azienda. Una sezione di blurb funziona come CTA. Una sezione del progetto mostra esempi di lavoro utilizzando immagini e titoli. Le testimonianze sono mostrate in una sezione a tre colonne su uno sfondo blu solido che corrisponde al testo in tutto il sito. Un CTA di pianificazione viene posizionato su un'immagine di sfondo in parallasse. La sezione blog mostra gli ultimi tre post in semplici schede che includono titoli blu. Le pagine fanno un uso eccellente del colore e delle tabelle dei prezzi.

Visita il sito web

6. Sarah Anversa

Questo sito è stato presentato da Christian Mauerer. Questo ha un design interessante da rivista. La sezione dell'eroe mostra un'immagine a schermo intero con il titolo del sito e gli slogan che circondano l'immagine, le posizioni sono elencate verticalmente e un triangolo crea una testimonianza inserita. Lo scorrimento rivela il menu e una sezione con i loghi dei media in cui sono presenti i clienti, un pulsante, una testimonianza e un'immagine del proprietario del sito. La sezione successiva mostra un'immagine con un grande titolo stampato in verticale e una citazione del proprietario. Diverse sezioni includono titoli di grandi dimensioni e molte immagini in layout a più colonne o sovrapposti tra loro e CTA. Mi piace la sezione delle testimonianze con le immagini incorniciate, i capolettera, il testo che crea uno sfondo vero e proprio parallasse e un pulsante per leggere di più.

Visita il sito web

7. Soluzioni Ultratek

Questo sito è stato presentato da Etienne de La Ruche. La sezione dell'eroe mostra un CTA su un lato e un'immagine sull'altro con una forma stilizzata con tre forme colorate dietro di essa. Una sezione del prodotto mostra i prodotti con un'ombra di riquadro e gli effetti che aggiungono un bordo al passaggio del mouse. Due immagini più grandi includono un bordo colorato su un lato e il testo nella sovrapposizione che corrisponde al bordo. I loghi aziendali sono mostrati in una sezione sottile con un riquadro ombreggiato. Diverse sezioni includono CTA con moduli di testo e blurb. Mi piace la sezione in basso con un'immagine che include un'ombra di riquadro che si sovrappone a un modulo di testo con una macchia di colore su un angolo che si sovrappone alla sezione sopra di esso. Mi piacciono anche le voci del menu a discesa che aggiungono una barra dei colori su un lato al passaggio del mouse.

Visita il sito web

8. Mepack-cz

Questo sito è stato presentato da Tomaš Orliczek. Lo schermo è diviso in due colori lungo tutta la pagina, con il nero a sinistra e il bianco a destra. La sezione eroe mostra un robot a 6 assi al centro con il nome del prodotto sopra l'immagine. Il testo che appare sul lato nero è in bianco e il testo che appare sul lato bianco è in nero. La sezione successiva mostra un altro robot al centro con delle scritte su entrambi i lati e moduli di testo al centro sopra l'immagine per le descrizioni. Un altro robot pende da questo (stile GLaDOS) e conduce al piè di pagina con le icone dei social media, che appaiono anche nella parte superiore del menu quando si fa clic sull'icona dell'hamburger. La pagina dei prodotti mostra ciascuno dei robot con sfondi in bianco e nero che si alternano. Le pagine dei prodotti mostrano il robot con il suo controller da un lato e le specifiche dall'altro.

Visita il sito web

9. Forma fisica del maestro dell'obiettivo

Questo sito è stato presentato da Steve Lavine. La sezione dell'eroe mostra un'immagine di sfondo a schermo intero con del testo in sovrimpressione. Il testo utilizza interessanti lettere ad incastro. Il logo cambia durante lo scorrimento. La sezione successiva mostra tre immagini per aiutare le informazioni sullo scopo del sito. Una sezione Informazioni su visualizza le informazioni con un pulsante su un lato e un video incorporato nell'altro con una linea che li separa. Le testimonianze a tutta larghezza seguono questo e includono un'immagine cerchiata con un bordo in stile per abbinare il sito. Mi piace la sezione che mostra i quattro pilastri del successo. Visualizza i blurb con le icone in alto e le immagini in basso, su un'immagine di sfondo che porta alla sezione successiva. Viene creata una timeline con immagini su un lato e punti elenco sull'altro in un layout alternato. Il logo appare al centro e il colore viene riempito man mano che procedi. Diverse immagini rimandano alle varie pagine.

Visita il sito web

10. Attrificare

Questo sito è stato presentato da Tobias Drevenstedt. Utilizza molti elementi di colore e animazioni in tutto il sito. La sezione dell'eroe mostra un CTA da un lato e un'immagine dall'altro. Diversi moduli di testo si trovano sopra l'immagine e forniscono specifiche e altre informazioni sul prodotto. Un cursore del logo si sovrappone a questa e alla sezione successiva, che include un'interessante grafica per i servizi. Le informazioni sono fornite all'interno di interruttori con stile. Mi piace il prossimo CTA, con il suo sfondo scuro e il colore in un angolo. Il colore viene utilizzato anche all'interno del pulsante CTA. Mi piacciono anche i blurb per le soluzioni. Includono una grafica in grigio che si anima e cambia in colore al passaggio del mouse. I servizi vengono visualizzati all'interno di interruttori che includono il colore su un lato. Le categorie dei servizi utilizzano icone multicolori. Mi piace anche la sezione Industries con il suo filtro in stile.

Visita il sito web

In conclusione

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