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

1. Akimbo

Questo sito è stato presentato da Alan Cox. Il sito utilizza l'arte disegnata a linee in sfumature di grigio per gli sfondi e i disegni colorati dei personaggi in tutto. Anche i pulsanti e gli altri elementi grafici sono colorati per distinguersi dal design del sito. Questo fa un ottimo lavoro nel focalizzare l'attenzione sui prodotti e sugli inviti all'azione. Mantiene il design semplice con una sezione eroe a schermo intero, dimostrazione del prodotto, una sezione sull'usabilità a due colonne, una dichiarazione di missione a colonna singola, testimonianze e CTA che si sovrappone al piè di pagina. La pagina Science è interessante con i suoi titoli di grandi dimensioni e la grafica del marchio pur mantenendo il design semplice.

Visita il sito web

2. Rivista Dapper Tapper

Questo sito è stato presentato da Carlos Godoy. Questo sito utilizza Extra per creare un design elegante per una rivista. Visualizza una sezione dell'eroe a schermo intero con l'immagine di sfondo in parallasse e il logo al centro. Lo scorrimento rivela il menu che rimane al suo posto quando raggiunge la parte superiore dello schermo. Gli articoli sono posizionati all'interno di un layout a più colonne in tre colonne. Altri post vengono visualizzati con un cursore a colonna singola e poi una sezione per ulteriori letture in basso. I post del blog posizionano il testo da un lato e le immagini dall'altro. Il sito dispone anche di un ampio menu a discesa e di un preloader. Non avrei immaginato che fosse Extra.

Visita il sito web

3. Mappa di base

Questo sito è stato presentato da Dustin Olsen. Il sito inserisce una demo e CTA del prodotto al centro dello schermo su un'immagine di sfondo che aiuta il lettore a capire a colpo d'occhio lo scopo del prodotto. Diverse altre sezioni con un design simile mostrano il prodotto da un lato, ma questa volta sono due demo con schermate, animazioni o un video e si sovrappongono alla sezione successiva. Le demo funzionano perfettamente per mostrare le caratteristiche del prodotto. Mi piacciono le tabelle dei prezzi in stile. Interessante anche il blog. Include un dispositivo di scorrimento seguito da una griglia del blog filtrata a due colonne. I post includono eleganti sovrapposizioni. La barra laterale si adatta anche al design del sito e include un feed di Instagram. La fotografia su questo sito è incredibile.

Visita il sito web

4. DH Marketing digitale

Questo sito è stato presentato da Douglas Henrique Monteiro e Silva. Mostra un'immagine a schermo intero con il soggetto da un lato e lo sfondo dall'altro, lasciando spazio al titolo, alla tagline e all'invito all'azione. I servizi sono mostrati con punti elenco utilizzando icone colorate. Le statistiche per i servizi sono mostrate con una grafica interessante di commutatori verticali con icone. Le testimonianze sono mostrate all'interno di carte che utilizzano le ombre della scatola e un sistema di valutazione a stelle. Una sezione ha un motivo di sfondo dietro la grafica. Un CTA si sovrappone a due sezioni e si distingue bene. Mi piace l'uso elegante dei blurb nella pagina Servizi. Usano icone colorate e creano carte sottili con effetti al passaggio del mouse. Il sito utilizza molto spazio bianco e fa un uso elegante del colore.

Visita il sito web

5. Yooker

Questo sito è stato inviato da Sander Goorman. Utilizza un gradiente blu per rivelare l'immagine di sfondo a schermo intero e visualizza la tagline con la navigazione ai servizi su un lato. I blur si sovrappongono alla sezione successiva e forniscono informazioni dettagliate su ciascun servizio. I contrassegni sono carte pulite con icone blu. Si alzano al passaggio del mouse e si adattano perfettamente al design del sito. Una sezione che mostra la loro storia utilizza un testo grande multicolore su un lato e testo normale sull'altro. Esempi del loro lavoro sono mostrati all'interno di un layout alternato con collegamenti per vedere il lavoro. Mi piace il design del blog. Mostra i post in una griglia con sovrapposizione, titolo, categoria, nome dell'autore e pulsante per visualizzare l'immagine in primo piano in un popup. Tutti sono posizionati sopra l'immagine in primo piano.

Visita il sito web

6. Idiolektik

Questo sito è stato presentato da Oliver Gehrmann. Più immagini con slogan vengono mostrate in un cursore a tutta larghezza seguito da una sezione informazioni con un titolo di blocco in stile. Un pulsante Ulteriori informazioni apre un popup a pagina intera. I pulsanti Ulteriori informazioni sono in primo piano in tutto il design e funzionano alla grande per risparmiare spazio fornendo al contempo l'accesso a molte informazioni. Ulteriori informazioni vengono fornite utilizzando grafici che cambiano colore al passaggio del mouse e aprono un popup al clic. Altri servizi sono mostrati con grafici e pulsanti informativi all'interno di uno slider. Uno slider simile mostra le immagini dei docenti. La pagina del docente mostra due colonne con una grande foto e informazioni su ogni persona. Mi piace la pagina Eventi. Utilizza un filtro con caselle a discesa.

Visita il sito web

7. Bio-Bausewein

Questo sito è stato presentato da Michael Koch. Questo mostra un'immagine a schermo intero con uno slogan sopra il soggetto e sovrapposizioni a forma di alberi per decorare i lati. Queste e forme simili appaiono in tutto il sito lungo i lati. La sezione successiva mostra i CTA su diverse pagine. I CTA utilizzano grandi sfondi con motivi con sovrapposizioni di colori diversi. I CTA più piccoli utilizzano un design simile e un design per schede blog. Uno usa un design inclinato. Mi piace la sezione che mostra i proprietari. Mostra un'immagine a schermo intero di entrambi insieme e sotto, quindi ci sono blocchi di testo che si sovrappongono all'immagine vicino alla persona nella foto. La pagina degli eventi mostra eventi simili ai post del blog in linea con una barra nella parte superiore per mostrare la data. Amo la fotografia e il colore su questo sito.

Visita il sito web

8. Ecohost

Questo sito è stato inviato da Emy. Questo sito ha un layout di una pagina che utilizza un design piatto con eleganti sfumature di rosso, verde e blu per gli sfondi e le icone in tutto il sito. La grafica per gli sfondi e altri elementi aiutano a descrivere la missione dell'azienda. Le caratteristiche sono mostrate con un blurb per creare carte con icone grandi e un titolo. Schede simili vengono utilizzate per testimonianze e informazioni di contatto. Mi piacciono le tabelle dei prezzi. Includono un interruttore a levetta e i prezzi sono animati quando fai clic sull'interruttore. Diverse schede includono informazioni in un popup quando fai clic per visualizzare le informazioni. Il sito fa un uso eccellente di grafica, motivi di sfondo e colore.

Visita il sito web

9. 717 Media

Questo sito è stato presentato da Eike Muller. Utilizza il verde chiaro come colore del marchio in tutto il sito all'interno di testo, pulsanti, animazioni e sfondi. Anche la barra di scorrimento e il pulsante torna in alto sono in stile verde. Le schede grandi mostrano servizi con immagini, testo e pulsanti. Le carte mostrano un'ombra al passaggio del mouse. Include un CTA interessante che ha uno sfondo a tutta larghezza con una sovrapposizione scura. Mentre lo scorri, una linea verde viene disegnata attorno al testo per attirare l'attenzione. Mi piace la sezione Informazioni. Mostra le informazioni nelle schede utilizzando immagini e testo. Le carte si sovrappongono alla sezione successiva e includono una sovrapposizione animata. Il sito fa un grande uso di piccole animazioni e punti salienti verdi su ogni pagina.

Visita il sito web

10. PicknRoll

Questo sito è stato presentato da Roberto Wagner. Questo è un negozio online. La homepage mostra un CTA a schermo intero per il negozio utilizzando un'immagine di sfondo con testo di grandi dimensioni in più colori. La sezione del negozio mostra i prodotti in tre colonne con un'icona nella sovrapposizione che corrisponde al colore del marchio del sito (giallo grassetto). Una sezione informativa mostra i vantaggi rispetto a un'immagine di sfondo in parallasse. Le sezioni testimonianze e newsletter seguono uno stile simile con il testo giallo. La pagina Store segue lo stesso design ma aggiunge una funzione di ricerca nella sezione degli eroi. Il blog ha attualmente un post, ma la pagina ha un design accattivante. Il post del blog si sovrappone alla sezione degli eroi e la newsletter si sovrappone a due sezioni inclusa la sezione dei follower social sopra il piè di pagina.

Visita il sito web

In chiusura

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