Divi Design Showcase: nuove proposte da gennaio 2021

È 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 gennaio. 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 gennaio 2021

1. Vale Industries

Questo sito è stato presentato da DJ Wheeler. Ha un aspetto industriale e si sente con diverse sfumature di grigio per gli sfondi delle sezioni, sfondi di blurb e testimonianze e persino un grigio scuro per il testo. Spiccano le evidenziazioni rosse per i pulsanti e la navigazione a punti. Il logo lega insieme i colori. La sezione degli eroi attira l'attenzione sugli argomenti con un CTA da un lato e un video dall'altro. I pulsanti sono parallelogrammi. La CTA nel menu diventa nera al passaggio del mouse e apre un altro pulsante con uno sfondo grigio che corrisponde al colore del testo della CTA. Gli argomenti sono mostrati con grandi blurb. Un'immagine a tutta larghezza in parallasse reale mostra un esempio di cantiere. Altre pagine seguono un design simile. I colori e il layout pulito funzionano alla grande per questo sito industriale.

Visita Vale Industries

2. Arca Interactive

Questo sito è stato presentato da Justin Arcara. Ha un sacco di viola, rosso e blu in tutto il sito. La maggior parte delle sezioni include sfondi a due colonne. La sezione degli eroi mostra un design a due colonne con un CTA su un lato e un'immagine sull'altro. Entrambi sono sovrapposti con un titolo e una descrizione. I blurb descrivono i servizi con icone a due colori. Diverse sezioni includono immagini o altri elementi che scorrono in modo diverso dallo sfondo. I progetti recenti scorrono il titolo orizzontalmente e visualizzano i progetti con le immagini. Le testimonianze includono un'immagine su un lato e del testo sull'altro, con loghi sovrapposti. Include anche un pulsante back-to-top in stile con un collegamento e-mail appiccicoso. Questo sito fa un uso eccellente di testo di grandi dimensioni, icone di grandi dimensioni, colori ed elementi di layout.

Visita Arca Interactive

3. Trafoos

Questo sito è stato presentato da Samant Jaitli. Utilizza colori tenui negli sfondi e negli sfondi del prodotto in tutto il sito. Molti dei pulsanti e delle carte includono delle ombre per risaltare. Un timer per il conto alla rovescia mostra la fine dei prezzi speciali. La sezione eroe mostra i colori del sito con un motivo angolato e immagini incorporate nel motivo su entrambi i lati e due CTA al centro. Una sezione per disegnare la tua maglietta mostra i passaggi con le icone. Ciascuna delle categorie di prodotti include blocchi colorati sul lato sinistro per introdurre la categoria. Mi piace anche la sezione contatti. Visualizza le informazioni in due colonne con un colore di sfondo diverso per ogni colonna e la grafica del fumetto che corrisponde al sito. Questo sito fa un grande uso del colore.

Visita Trafoos

4. Storie di UX Design

Questo sito è stato presentato da Allie Walters. Utilizza un design semplice con testo extra-large per i titoli. La sezione dell'eroe mostra una sezione con un carattere grande su uno sfondo marrone chiaro. Un collegamento nella descrizione è una tonalità di abbronzatura più scura e risalta bene. Diverse sezioni includono immagini di sfondo a larghezza intera in vero parallasse. L'overlay mostra una breve descrizione con un link per vedere di più. Una sezione dietro le quinte mostra le immagini del processo del flusso di lavoro. Le pagine del progetto mostrano un video e informazioni dettagliate sul progetto. I dettagli sono suddivisi in sezioni più piccole che attraversano il progetto. Mostra più dettagli di quelli che ho visto nella tipica pagina del progetto e lo mostra nel modo più semplice e pulito possibile.

Visita Storie di UX Design

5. TPress Studio

Questo sito è stato presentato da Alexis Presti. Questo sito ha un design a una pagina che utilizza uno sfondo grigio scuro con testo bianco e testo con una sfumatura verde. Parte del testo del corpo è grigio chiaro. Di solito trovo il testo bianco su uno sfondo nero duro per i miei occhi, ma questa combinazione di colori funziona bene e mantiene il testo leggibile. La sezione dell'eroe e la sezione successiva mostrano un'immagine di sfondo che si fonde con lo sfondo. La miscela è così liscia che è difficile dire dove finisce l'immagine. Questo aiuta a dare al layout un aspetto elegante. Il testo nella sezione degli eroi utilizza il testo a blocchi con un gradiente verde sul testo delineato per il titolo. Il testo simile con un gradiente viene utilizzato per i titoli e include divisori, pulsanti e icone corrispondenti. Adoro l'uso del grigio e dei gradienti in questo sito.

Visita TPress Studio

6. Il mio agente immobiliare Columbus

Questo sito è stato presentato da Greg Ventresca. Usa molto grigio per le sovrapposizioni di immagini e sfondi marrone chiaro in tutto il sito. La sezione degli eroi mostra un video sul lato sinistro su uno sfondo grigio che si fonde in un'immagine. Il titolo si sovrappone a entrambi i lati e visualizza il testo in modo diverso per ciascun lato. Diverse immagini di CTA si sovrappongono o includono immagini che si sovrappongono a elementi di sfondo. Una delle immagini è posizionata sia sullo sfondo che in primo piano, creando un'interessante CTA. Le proprietà sono incorporate nel layout e includono immagini con ombre scatolate. Diverse pagine includono icone personalizzate che si distinguono dagli sfondi grigi. I colori e le immagini funzionano bene con il layout e si adattano perfettamente al pubblico di destinazione.

Visita il mio agente immobiliare Columbus

7. Viale della libellula

Questo sito è stato presentato da Marci Angeles. Utilizza un layout pulito con molte sfumature di sfondo dai colori tenui e linee sottili o doppie per creare bordi. La sezione dell'eroe mostra un messaggio in maiuscolo in un arco. Il testo si sovrappone al gradiente di sfondo, che crea l'arco. Un cursore cambia le immagini al centro dell'arco. I servizi sono mostrati all'interno di immagini di forme diverse. Molti degli elementi mostrano il gradiente di sfondo in modi diversi, tra cui una forma verticale dietro un bordo, una forma orizzontale con bordi arrotondati per le testimonianze e un ticker che scorre un messaggio. Le CTA alternate mostrano un'immagine su un lato e il testo sull'altro utilizzando variazioni dei colori di sfondo. Il pulsante Torna in alto è un testo corsivo stampato lateralmente. Adoro il preloader della libellula e il cursore del mouse.

Visita Dragonfly Avenue

8. MAI MVM

Questo sito è stato presentato da Dylan Boulkras. Utilizza uno sfondo nero con testo arancione in grassetto che si distingue per dare al design un aspetto nitido. Un menu appiccicoso rimane sul lato sinistro e mostra una linea con cerchi che collegano le pagine. La sezione dell'eroe mostra un'immagine di sfondo su un lato con un titolo, una descrizione, un collegamento e contatori numerici in primo piano. Il menu viene visualizzato a schermo intero e include la stessa foto di sfondo. Una sezione con un video incorporato mostra un'immagine di sfondo che sembra divisa dallo sfondo con del fumo. Diverse sezioni sono numerate e includono titoli in grassetto. I progetti vengono visualizzati all'interno di blurb che includono immagini in rapida evoluzione che ingrandiscono al passaggio del mouse e icone arancioni. Questo sito fa un uso eccellente del colore.

Visita NEVERMVM

9. Panda Remiremont

Questo sito è stato inviato da Panda Remiremont. Questo è un layout di una pagina che utilizza elementi di design cinese con testo, colore e grafica in tutto. La sezione degli eroi mostra un menu che si trova sotto la parte superiore dello schermo, fluttuando sopra lo sfondo a schermo intero e gli elementi grafici. Una grande grafica include testo cinese da un lato e un CTA dall'altro. Grafica simile con testo cinese appare in molte delle sezioni. Per i titoli viene utilizzato un testo di grandi dimensioni con un design orientale. I prezzi sono mostrati con moduli di testo su uno sfondo in stile che sembra un menu di cibo cinese. Mi piace la sezione per le informazioni di contatto. Include un CTA di prenotazione con un'immagine da un lato e le informazioni di contatto dall'altro. Un modulo di prenotazione si sovrappone a questo e include un bordo in stile. Adoro l'opera d'arte di sfondo in questo.

Visita Panda Remiremont

10. Allianz Brno

Questo sito è stato presentato da Michal Teska. Ha un sacco di spazio bianco con riflessi verdi e blu che si adattano perfettamente al genere. La sezione dell'eroe mostra un'immagine a tutta larghezza con un CTA su un lato e la squadra sull'altro. I membri del team e le posizioni sono etichettati con un carattere che sembra scritto a mano. Le informazioni sui servizi sono fornite con semplici descrizioni. Segue una sezione di blurb più grandi con icone cerchiate che cambiano colore al passaggio del mouse. I blurb mostrano anche un bordo al passaggio del mouse. Le icone si sovrappongono ai bordi. Mi piace la sezione squadra. Visualizza immagini circolari della squadra con bordi spessi. Le immagini dei membri del team continuano al di fuori del cerchio. L'immagine cambia al passaggio del mouse per mostrare il membro del team sorridente. Interessante anche la mappa incorporata. È leggero e si fonde con lo sfondo su un lato. Le informazioni di contatto si sovrappongono alla mappa.

Visita Allianz Brno

Avvolgendo

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