Divi Design Showcase: nuove proposte da settembre 2018

È di nuovo tempo 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 voglio 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 2018

1. Pixel e matite

Questo sito è stato presentato da Tyler Diaz. Una bella intestazione a schermo intero mostra di cosa tratta questo sito utilizzando la grafica e il colore insieme a design interessanti. La sezione successiva mostra i loghi dei clienti con un pulsante per saperne di più. Una sezione di lavoro in primo piano mostra i progetti come schede con immagini, testo, pulsanti ed effetti ombra. Adoro l'ultima sezione, che mostra un'altra serie di grafici con un semplice invito all'azione e pulsanti social posizionati all'interno di una sezione angolata. La pagina di lavoro mostra versioni più grandi delle schede dei progetti, ognuna delle quali porta il visitatore a una pagina di dettaglio del progetto semplice ed elegante. Mi piace anche l'uso semplificato del colore e della grafica.

Visualizza sito web

2. Andrea Masotti

Questo sito è stato presentato da Andrea Masotti. Questo sito fa un uso interessante dei moduli di Divi. Tre righe mostrano tre colonne che includono testo all'estrema destra e sinistra e un'immagine al centro. Il testo e la grafica utilizzano contorni neri con bianco per un colore che si fonde con lo sfondo. Ogni riga è separata da una linea nera. Passando il mouse sopra solo la riga, tutti i suoi elementi diventano neri. Passando il mouse su un elemento specifico all'interno della riga, il suo colore cambia in rosso (per il testo) o rosso e blu (per la grafica). Le grafiche rosse e blu vengono utilizzate come elementi di intestazione per le pagine del portfolio. Questo sito Web è un eccellente esempio di come qualcosa di semplice possa fare una grande affermazione.

Visualizza sito web

3. Adriano Alfaro

Questo sito è stato presentato da Adriano Alfaro. Visualizza un'intestazione a schermo intero con un titolo e una descrizione seguita da una breve sezione sulle informazioni con follow sui social in modo da poter sapere immediatamente di cosa tratta il sito e interagire con il designer. Blurb con icone grandi, descrizioni e collegamenti mostrano i servizi. Le prossime sezioni sono le mie preferite. Visualizzano un'immagine su un lato e il testo sull'altro a tutta larghezza e includono collegamenti al portfolio. Alternano i lati mentre scorri. Uno sfondo video gioca dietro un premio con citazione e CTA. Adoro la pagina del portfolio, che mostra immagini da parete a parete di progetti cliccabili. Le singole pagine del progetto sono dove questo sito brilla davvero. Sono un bellissimo esempio di design moderno del layout. Assicurati di guardare la pagina Fiat.

Visualizza sito web

4. Emily Merchant

Questo sito è stato inviato da Emily Merchant. Questo crea un'intestazione interessante usando un CTA. Il CTA viene creato con un'immagine, bordo, tipo di lavoro fornito, titolo e pulsanti. Tre immagini siedono sotto questo. Includono un titolo in una sovrapposizione. Il passaggio del mouse cambia colore e mostra un bordo, creando un'elegante CTA della pagina del progetto. Viene creata una sezione sulle informazioni con una citazione e un testo. Un altro portfolio CTA disegna la grafica mentre lo scorri. La pagina del portfolio crea un layout a più colonne con ogni immagine con i propri colori di sovrapposizione e continua gli effetti al passaggio del mouse.

Visualizza sito web

5. INTROAMERICA

Questo sito è stato presentato da Vincent Valentino. Questo fa un grande uso di colori audaci ed effetti di parallasse. L'intestazione a schermo intero avvia il sito con uno sfondo piacevole che mostra il testo e i pulsanti. Una sezione che mostra ciò che fanno mostra una mappa topografica con bordi frastagliati per separarla da una sezione di macchie, che mostrano blocchi con effetti di ombra. Adoro le sezioni con casi di studio. Un'immagine del disegno completo viene mostrata sullo sfondo mentre il testo si sovrappone e un'immagine scorre in parallasse. I progetti recenti vengono visualizzati all'interno di un layout a più colonne. Questo sito fa un uso eccellente di un design di una pagina.

Visualizza sito web

6. Stazione meteorologica

Questo sito è stato presentato da Pierre Lannoy. Questo è il sito web di un'app. Mantiene il design semplice e fa un grande uso del colore. Mi piacciono particolarmente gli sfondi blu con una sfumatura sottile che viene utilizzata in tutto il design. Una separazione delle sezioni ondulate distingue l'intestazione mentre i vantaggi sono mostrati con immagini e moduli di testo. Il sito fa anche buon uso dei contatori numerici, che in realtà mostrano utili statistiche di download e installazioni pubbliche. Appena sotto c'è una sezione che mostra le valutazioni dell'app e include la grafica della valutazione a stelle. Le testimonianze sono pulite e includono effetti ombra. Mi piace anche la pagina del blog, che mostra le immagini come schede in due colonne con un'ombra, un titolo e un pulsante. Il passaggio del mouse mostra una sovrapposizione blu con un estratto dal post. L'ultimo post viene mostrato a grandezza naturale in una singola colonna. I singoli post utilizzano anche effetti box shadow e includono moduli di navigazione e commenti.

Visualizza sito web

7. Goodimalista

Questo sito è stato presentato da Daragh Wallace. Questo sito si concentra su un layout di blog. Visualizza un'intestazione extra-large per mostrare il logo davanti e al centro. Sotto ci sono due menu di navigazione: gli argomenti principali sono posizionati nel menu principale e gli argomenti secondari sono inseriti in un menu secondario con un carattere leggermente più piccolo in verde. Un post in primo piano mostra un'immagine sul lato sinistro e il titolo, le categorie, l'estratto e il pulsante Leggi altro sul lato destro in una casella più piccola. Insieme prendono l'intera larghezza dell'area del contenuto. Segue una sezione del blog con 9 post in tre colonne. I post mostrano l'immagine in primo piano, il titolo, le categorie, un breve estratto e un pulsante. Lo scrittore in me ama la sezione a tutta larghezza che mostra la definizione del titolo del sito web. I post del blog mantengono anche un design pulito con l'immagine in primo piano, il testo, un CTA, un dispositivo di scorrimento dell'immagine, un video (per alcuni dei post) e una sezione del blog con tre post. Questo sito è un ottimo esempio di un blog dal design pulito.

Visualizza sito web

8. Jerrix

Questo sito è stato presentato da Jeroen Rotty. Usa alcuni dei miei colori preferiti (vengo dal Tennessee e preferisco l'arancione). L'intestazione utilizza la parallasse con un CTA. Un separatore di sezione con stile aiuta a creare lo spazio bianco per la sezione successiva, che fornisce informazioni "su" con un collegamento e una foto cerchiata. I servizi sono mostrati con grandi icone a due colori che utilizzano le luci arancioni e gli effetti al passaggio del mouse. Anche gli screenshot di lavori recenti utilizzano effetti al passaggio del mouse e includono un effetto shadow box. La pagina del portfolio continua il recente lavoro di progettazione. Facendo clic su uno si accede al sito Web stesso in modo da poter vedere il lavoro in prima persona. La pagina WordPress mostra i vantaggi in due colonne e include grafici disegnati a mano in tutta la pagina. Adoro i colori di questo sito.

Visualizza sito web

9. Madri a rischio

Questo sito è stato inviato da Swag Design Factory. Utilizza un design in scatola con un layout a più colonne. L'intestazione mostra il logo, il menu e i pulsanti di follow social verticalmente su un lato con un video e uno slogan sull'altro lato. Una sezione di immagini e informazioni utilizza lo stesso layout di riga ma alterna l'immagine e il testo. Diverse sezioni a due colonne mostrano un'immagine con un pulsante sovrapposto e un testo con CTA. Una testimonianza a tutta larghezza utilizza il logo e i colori del sito per fondersi perfettamente. I singoli post del blog mostrano un motivo di sfondo con il titolo e i pulsanti di follow social per l'intestazione, seguiti dal post e dalla barra laterale, che sono in stile per adattarsi al sito. Adoro i riflessi verde scuro e rosa usati in tutto il sito.

Visualizza sito web

10. Wems Wireless

Questo sito è stato presentato da Philip Wantling. Utilizza colori di marca (arancione e verde) con immagini di elettronica (con gli stessi colori di marca) per descrivere questo sito web aziendale. Questo è visibile nell'intestazione a schermo intero e in tutto il sito. Quattro immagini in due colonne rimandano ai vari prodotti. Adoro il CTA che fornisce un'animazione con titolo e pulsante. Si sovrappone alla sezione precedente (dei loghi dei clienti) ed è accompagnata da una serie di descrizioni per descrivere i vantaggi. I CTA per le demo utilizzano nastri straordinari negli angoli delle immagini. I prodotti vengono mostrati con layout a più colonne che portano a collegamenti ai prodotti. Le pagine dei singoli prodotti includono anche alcuni dolci stili Divi per le descrizioni dei prodotti e i modelli di sfondo della pagina. Questo sito fa un grande uso del design del layout e del colore.

Visualizza 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 Koksharov Dmitry / shutterstock.com