16 esempi di siti Web di consulenti digitali realizzati con Divi

La consulenza digitale è un modello di business online popolare. Molti consulenti digitali sviluppano con Divi sia per loro che per i loro clienti, motivo per cui Divi è diventato uno dei principali temi di sviluppo per WordPress. Ciò significa che ci sono molti esempi di siti Web di consulenti digitali creati con Divi per aiutare a fornire ispirazione creativa. In questo articolo ne esamineremo 16.

Indipendentemente dal fatto che il consulente digitale fornisca servizi come web design, loghi, progettazione grafica, sviluppo di app, ecc., questi siti possono aiutarti con l'ispirazione per il tuo prossimo progetto. I siti non sono in un ordine particolare.

1. Smart Coder 3

Smart Coder 3 utilizza un dispositivo di scorrimento dell'immagine a schermo intero con immagini di sfondo degli scacchi e citazioni in sovrimpressione. I caratteri rossi forniscono un'evidenziazione visiva. La sezione Informazioni su di me mostra un bel dipinto digitale dello sviluppatore. Più sezioni forniscono citazioni di nomi famosi. Altre sezioni includono un contatore di numeri, progetti, dispositivo di scorrimento delle testimonianze e modulo di contatto. Lo schema di colori rosso, bianco e nero funziona bene per il design del sito.

2. Progettazione Web XD

XD Web Design include alcune transizioni interessanti all'interno dello slider dell'intestazione, che include un CTA e pulsanti social. I blurb vengono visualizzati come carte con ombre, effetti al passaggio del mouse e icone che si sovrappongono all'immagine e al testo. Anche i moduli CTA (call to action) utilizzano ombre ed effetti al passaggio del mouse. Le icone grandi richiamano l'attenzione sui servizi e sulle informazioni di contatto. Il processo del progetto è descritto in un elenco numerato orizzontale. Il sito fa un grande uso del colore, dell'animazione e del design del layout.

3. Zachery Nielson

Zachery Nielson utilizza principalmente uno sfondo nero con testo bianco, immagini e uno sfondo a schermo intero in parallasse. Il lavoro selezionato viene mostrato all'interno di un monitor e di un dispositivo mobile. I siti utilizzano un approccio minimo con caratteri grandi.

4. Vicente Latag Jr

Vicente Latag Jr mostra uno sfondo video a tutta larghezza in parallasse che si muove nella direzione opposta durante lo scorrimento. Con il marchio arancione e bianco, le icone grandi attirano l'attenzione su servizi, testimonianze e modulo di contatto. I progetti sono mostrati in una griglia a tutta larghezza.

5. Taltool

Taltool è un sito ebraico con testo RTL (da destra a sinistra). Utilizza un dispositivo di scorrimento a schermo intero con animazione dello zoom. La maggior parte delle sezioni sono a schermo intero e includono diverse sezioni di progetti recenti e una sezione Informazioni con un disegno digitale in stile matita a colori dello sviluppatore con un CTA. Il sito fa un grande uso del colore.

6. Sensi Web

Sensi Web utilizza un interessante sfondo particellare con una grafica a forma di cuore in parallasse (che funge anche da logo). Gli sfondi delle sezioni in tutto il sito corrispondono ai colori di questo sfondo e della grafica. Le sezioni utilizzano due colonne di testo e grafica in uno schema alternato. Il lavoro viene mostrato in un dispositivo di scorrimento del progetto utilizzando una versione ingrandita dell'immagine di sfondo. I caratteri e le icone si abbinano perfettamente al design, conferendo al sito un aspetto visivo pulito e professionale.

7. John González

John Gonzalez utilizza un dispositivo di scorrimento dell'immagine con effetto zoom sullo scorrimento. Ogni diapositiva fornisce una breve dichiarazione. I servizi sono mostrati in riquadri che utilizzano simpatici effetti al passaggio del mouse per fornire un'ombra alla carta, cambiare il titolo in rosso e ingrandire e in grassetto l'icona. Le testimonianze mostrano immagini che puoi selezionare per leggere la loro dichiarazione. Anche i corsi e il blog utilizzano effetti hover, ma leggermente diversi dai servizi. Il sito fa un uso eccellente del marchio di colore rosso e bianco, animazione e parallasse.

8. Brian Torpie

Brian Torpie utilizza una sovrapposizione di sfondo sfumato in parallasse con CTA e un piacevole effetto di digitazione. Una sottile sezione a tutta larghezza descrive ogni sezione del layout a partire dalla prima che mostra i servizi forniti. Ciascuno dei servizi è descritto o dimostrato con sezioni a tutta larghezza utilizzando immagini di sfondo con testo e CTA su un lato.

9. Zeljko Skipic

Zeljko Skipic utilizza il bianco e nero (per lo più sfumature di grigio), insieme a sezioni di sfondi grigio chiaro e sovrapposizioni scure in parallasse per evidenziare il portfolio e i servizi. Le sezioni sono separate da titoli che utilizzano la grafica del codice dietro il testo. Il menu verticale del sito di destra mostra i pulsanti di contatto e follow social in una sezione separata dalla navigazione. I grigi scuri sembrano eleganti contro i grigi chiari e creano un contrasto liscio e facile da guardare.

10. Charlotte Jourdain

Charlotte Jourdain utilizza un'intestazione animata con elementi che seguono o reagiscono al tuo mouse. Lo sfondo dell'intestazione viene utilizzato in ogni altra sezione in parallasse. Grandi motivi cerchiati che corrispondono alle sezioni sovrapposte del logo, creando un interessante elemento di design visivo. I progetti utilizzano effetti al passaggio del mouse dello zoom con sovrapposizioni. Il sito offre opzioni di lettura in francese o inglese e fa un grande uso del marchio a colori e dei separatori di sezione.

11. Disegni di Carone

Carone Designs mostra uno sfondo video, un'intestazione interessante con pulsante CTA e menu a destra con entrambe le sezioni separate da una linea. I servizi vengono visualizzati con testo bianco su sfondo blu. Le immagini della città di Knoxville vengono utilizzate come sfondi in parallasse, inclusa una che mostra i loghi dei clienti in sovrimpressione. Il sito fa buon uso di caratteri e marchi a colori.

12. BJ Keeton

BJ Keeton visualizza il nome, la descrizione e la navigazione sul lato destro su uno sfondo con sovrapposizione in parallasse. Il blu e il rosso della sovrapposizione vengono utilizzati in tutto il sito per sfondi e icone. I libri e le immagini del portfolio utilizzano bordi spessi per farli risaltare. Il sito utilizza l'umorismo pur rimanendo professionale, il che mi ha fatto venire voglia di leggere tutto il testo.

13. Moxie Creek

MoxieCreek visualizza un'immagine in bianco e nero con CTA in parallasse. La barra in alto posiziona tutti gli elementi sul lato destro. Il logo si sovrappone allo scorrimento. Un gradiente blu e arancione viene utilizzato su un interessante motivo di sfondo per visualizzare una dichiarazione e servizi. I dettagli del servizio sono forniti all'interno dei toggle. Adoro la foto in bianco e nero dietro il modulo di contatto che mostra una coccinella a colori.

14. Juice Creative Web Design

Juice Creative Web Design utilizza un intricato motivo di sfondo in tutto il sito, inclusi gli sfondi per i vari collegamenti CTA. Esempi di lavoro, collegamenti e modulo di contatto vengono visualizzati con un piacevole effetto ombra con linee sopra le immagini. I collegamenti per il download includono semplici effetti al passaggio del mouse. Sebbene siano intricate, le immagini non interferiscono mai con il design pulito del sito.

15. In-Formazione-Design

In-Formation-Design utilizza un design femminile ed elegante in tutto con colori tenui, schizzi ad acquerello dietro i caratteri eleganti del titolo della sezione, motivi di sfondo pastello, fiori e uno schizzo ad acquerello nella sezione Informazioni su di me. La pagina include una griglia del portfolio in parallasse, tabelle dei prezzi per i pacchetti di web design, una FAQ visualizzata in toggle, un cursore di testimonianza trasparente e un semplice modulo di contatto.

16. Media digitali Kaya

Kaya Digital Media visualizza uno sfondo video con il logo e l'elenco dei servizi. Include un sottile modulo di iscrizione alla newsletter, descrizione dei servizi in una sezione multi-layout alternata, una sezione con una finestra in vero parallasse, una griglia di portfolio a due colonne all'interno di una sezione a tre colonne, slider post e un elegante testimonial su uno sfondo di parallasse. Adoro il carattere e i colori di sfondo.

Pensieri finali

Questi 16 esempi di siti Web di consulenti digitali creati con Divi dimostrano che Divi non è solo un tema popolare per il lavoro dei clienti, ma è anche abbastanza potente da essere utilizzato dai consulenti digitali per i propri siti Web. Con Divi puoi creare progetti interessanti per qualsiasi tipo di sito Web di consulenza digitale, non importa quanto complesso o semplice, da siti di una pagina per visualizzare servizi con un modulo di contatto a siti di grandi dimensioni con animazioni e portfolio.

Questi siti sono ottimi per fornire idee per layout, uso del colore, immagini, effetti CSS, navigazione, video e molto altro e ti danno ispirazione per il tuo prossimo design Divi.

Quali sono alcuni dei tuoi elementi preferiti di questi siti Web di consulenti digitali creati con Divi? Fateci sapere nei commenti qui sotto!

Immagine in primo piano tramite BarsRsind / shutterstock.com