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

1. Stratton Craig

Questo sito è stato presentato da Piers Elliott. Ha molti punti salienti rossi per testo, collegamenti e pulsanti, insieme a un po' di blu scuro in tutto il sito. Le sezioni includono sfondi bianchi o verdi molto chiari che funzionano alla grande sia con il rosso che con il blu. Il mega menu include uno sfondo verde chiaro con un contatto CTA e collegamenti in più colonne. La sezione Hero mostra un video incorporato. Le sezioni per casi di studio e servizi visualizzano piccole righe con un'immagine su un lato e le informazioni sull'altro. Mi piace la sezione blog. I post mostrano i titoli, che sono separati da spazi bianchi e da una singola linea orizzontale. Un'altra cosa che ho trovato interessante è che non ha una barra di scorrimento.

Visita il sito web

2. Mike il libero professionista

Questo sito è stato presentato da Mike McManus. Questo fa un uso interessante della tipografia e degli sfondi grigi. La sezione dell'eroe mostra un'immagine su un lato con un angolo inferiore arrotondato. Questo è disconnesso dal testo sull'altro lato, che si sovrappone a uno sfondo grigio. I piccoli pulsanti gialli sono utilizzati in tutto il sito e corrispondono al giallo nel menu. I progetti vengono visualizzati come post con un'immagine da un lato e l'estratto dall'altro. Mi piace la sezione delle strisce separate da bordi che toccano solo un'altra trama. Il design del sito ha un aspetto del codice che si distingue e funziona perfettamente per aiutare a descrivere il sito web. Il sito ha anche un interessante blog design.

Visita il sito web

3. dajo creativo

Questo sito è stato presentato da David King. Questo fa un uso eccellente del verde in tutto il sito per il marchio. La sezione degli eroi include l'immagine di un barattolo di sottaceti che ingrandisce lo schermo mentre si scorre. Il sito web è introdotto con un testo extra-large. Molti degli elementi includono animazioni al passaggio del mouse o scorrimento. Alcuni degli sfondi sono in parallasse e mostrano immagini dello studio. Una delle mie sezioni preferite mostra i blurb con icone relative al design tipografico. Un altro dei miei preferiti mostra un testo extra-large che si rimpicciolisce mentre scorri. Mi piacciono anche gli esempi di lavoro visualizzati in un layout a più colonne. Includono sovrapposizioni verdi per l'effetto al passaggio del mouse dell'immagine.

Visita il sito web

4. Fonte IT sicura

Questo sito è stato presentato da Michael White. Questo usa un sacco di arancione e rosso come punti salienti per il logo, una barra verticale nella sezione degli eroi, numeri, collegamenti, icone, sovrapposizioni e un bordo orizzontale. Molte delle sezioni includono modelli negli sfondi che sono appena evidenti. Alcuni includono testo che descrive la sezione. Mi piace la sezione che descrive in dettaglio il loro approccio. Include blurb numerati con animazioni e sovrapposizioni. Mi piace anche la pagina delle risorse. Mostra i post del blog con le immagini in primo piano con animazioni al passaggio del mouse, il titolo e la categoria. Sono corti e larghi e sono posizionati all'interno di due colonne che danno al blog un design pulito.

Visita il sito web

5. Studio Vita

Questo sito è stato presentato da Simone Vitas. Questo ha molte interessanti animazioni al passaggio del mouse in tutto il sito. Il cursore del mouse si trasforma in un triangolo in stile che lascia trasparire lo sfondo. Quando passi con il mouse su qualcosa che è cliccabile, il triangolo viene riempito, lo sfondo viene mostrato e i colori vengono invertiti. Gli elementi cliccabili cambiano in un rosso scuro che risalta. I caratteri dell'intestazione e del menu dell'hamburger sono particolarmente eleganti. Adoro le animazioni dei blocchi che rivelano gli elementi della pagina durante il caricamento. Mi piace anche l'uso di immagini interessanti per gli esempi di lavoro. Un invito all'azione mostra una versione grande del triangolo al passaggio del mouse e ti porta a un modulo di contatto di grandi dimensioni con uno stile che corrisponde al sito.

Visita il sito web

6. Surf in Indonesia

Questo sito è stato presentato da Lokesh Mangyan. Questo fa un uso interessante delle notazioni. Molti degli elementi includono testo inclinato con una freccia che punta all'elemento. Il testo fornisce suggerimenti su come utilizzare il sito web. Diversi inviti all'azione sono inseriti in tutta la home page e funzionano bene con il design del sito. Gli inviti all'azione includono pulsanti, piccoli banner e una sezione a tutta larghezza che visualizza un testo di grandi dimensioni su uno sfondo marrone chiaro con un'immagine e un pulsante in primo piano. Include anche un CTA per la versione dell'app degli strumenti del sito web. Diverse sfumature di abbronzatura sono utilizzate come colori di marca che funzionano bene con il tema della spiaggia. Una sezione di blurb rivela i loro bordi al passaggio del mouse e include icone marrone chiaro. Le recensioni vengono mostrate come brevi frammenti con valutazioni a stelle nella sezione degli eroi e all'interno di un dispositivo di scorrimento delle testimonianze. Amo l'uso delle mappe su questo sito.

Visita il sito web

7. Kal Digital

Questo sito è stato presentato da Petros di Kal. Questo fa un uso interessante di sfondi e tipografia. Mostra una bolla animata rosso brillante dietro il titolo nella sezione degli eroi. La bolla rimane in posizione mentre si scorre alle sezioni successive e assume una forma diversa finché non diventa lo sfondo completo. Quindi cambia in grigio e si trasforma di nuovo in una bolla e poi in uno sfondo nero. Lungo il percorso, il primo piano mostra informazioni, servizi con grafica in stile cartone animato da un lato e informazioni dall'altro. La sezione grigia mostra l'immagine dello schermo di un computer con macchie su entrambi i lati. Altre pagine utilizzano un design simile con colori diversi. Mi piace anche la penna animata nella pagina dei contatti.

Visita il sito web

8. Robinson MD

Questo sito è stato presentato da Jonathan Morey. Utilizza colori chiari come punti salienti ed elementi di sfondo in tutto il sito. Gli strumenti di accessibilità sono collocati all'interno di un'icona sempre a portata di mano. Molte delle sezioni mostrano due colonne con un'immagine su un lato e del testo sull'altro. Alcune delle immagini includono blocchi di colore dietro due dei loro angoli. I Blurb includono icone specializzate che funzionano alla grande per il genere del sito web. Una sezione dei contrassegni include le carte che scorrono più velocemente dello sfondo e un contrassegno laterale. Un modulo dettagliato vicino al piè di pagina corrisponde allo stile del sito. La pagina del blog segue lo stesso design e include una ricerca con suggerimenti e schede blog in stile.

Visita il sito web

9. Partenariato internazionale per il bilancio

Questo sito è stato presentato da Rajan Zaveri. Usa molti toni della terra all'interno di tutti gli elementi. Molte delle intestazioni includono punti salienti disegnati che sembrano un pennarello. Alcuni degli sfondi includono mappe disegnate a mano. La grafica disegnata a mano delle persone fluttua accanto al testo. Il menu ha pulsanti in stile. Un sommario viene creato all'interno di un interruttore. Lungo la sinistra c'è un sistema di navigazione a punti in stile che appare una volta che si scorre oltre la sezione degli eroi. L'intestazione mostra il nome di ogni sezione. Mi piace particolarmente la sezione con i numeri in una griglia. I numeri sono separati da grandi bordi. Al centro della griglia ci sono piccoli blocchi di testo con titoli. Passando il mouse su uno lo ridimensiona a grandezza naturale, rivelando informazioni e una sovrapposizione che viene visualizzata sul numero. Un pulsante per una mappa dati si attacca in basso e apre un popup.

Visita il sito web

10. Nyansa

Questo sito è stato inviato da Cristina. Questo utilizza diverse sfumature di verde come colori di marca in tutto il sito, incluso il logo. La sezione dell'eroe posiziona una sovrapposizione verde su una parte dell'immagine a larghezza intera e include un invito all'azione. Un'altra sezione si sovrappone a un blocco di testo su un'immagine e include un titolo con uno sfondo verde. Mi piace particolarmente la sezione di 5 blurb che includono icone cerchiate verdi all'interno di quadrati girati agli angoli. Una sezione di informazioni utilizza carte con diverse tonalità di verde che vanno dallo scuro al chiaro. Le icone social a piè di pagina seguono la stessa sequenza. La sezione del blog utilizza un bordo inferiore verde scuro per le carte. Il cursore della testimonianza include uno sfondo verde per il testo e include uno spesso bordo bianco che si distingue dall'immagine di sfondo grande.

Visita il sito web

Fino al prossimo mese!

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