Uno dei nostri cari clienti ci ha chiesto: che ne dite di progettare un sito web per il salone? Ebbene, eccoci qui. Questo blog parla del nostro tipico sito web per saloni di bellezza chiamato 'Salotto‘.
Ci sono tanti tipi di siti web di saloni disponibili su Internet. Poiché apprezziamo la bellezza dal nostro cuore, abbiamo scelto il tema del salone di bellezza. Pertanto, il nostro sito web progettato è un salone di bellezza sito web.
Iniziamo!
Progettare un sito web di un salone utilizzando Elementor e Element Pack
Innanzitutto, presentiamo gli strumenti che utilizzeremo.
Tutti conosciamo Elementor, il fantastico page builder che tutti amano nel 2021. È un ottimo strumento che non richiede alcuna conoscenza di codifica. È possibile creare un sito web semplicemente usando la propria immaginazione.
E l'Element Pack Pro è un pacchetto di strumenti costruito appositamente per l'Elementor, con oltre 150 widget essenziali. Sarà il vostro prossimo strumento preferito per progettare bellissime pagine web.
Per ulteriori informazioni, visitate i loro siti web. Ora progettiamo il nostro nuovo sito web del salone.
Partenza!
Prima di tutto, assicuratevi di avere entrambi Elementor e Element Pack installato sul cruscotto.
Per farlo, andare su Cruscotto> Plugin> Aggiungi nuovo e utilizzare il campo di ricerca.
Successivamente, andare a Pagine> Aggiungi nuovo>.
Inserire un nuovo titolo alla pagina e fare clic su "Modifica con Elementor". Ora siete pronti a salpare.
Sezione Eroi
La sezione hero è la prima cosa che si vede dopo aver aperto un sito web. Per questo motivo è necessario concentrarsi maggiormente su questa parte. È essenziale dedicare il massimo impegno a questa sezione per progettare non solo Salon, ma qualsiasi sito web.
Intestazione
Passo 1
Creare una sezione a 3 colonne e inserire il Barra di navigazione widget da Element Pack. Questa sarà la barra del menu principale del sito web.
Passo 2
Aggiungere il Immagine widget da Elementor e posizionare il logo in alto a sinistra.
Passo 3
Ora, posizionare il Pulsante di avanzamento etichettato come 'Acquista ora' in alto a destra e modificarne il colore in base al logo. Naturalmente, aggiungete al pulsante il link alla pagina dei prezzi.
Passo 4
Cambiare il colore dell'intera sezione facendo clic sull'icona della sezione. Tenete presente che è necessario seguire un modello di colore costante per tutto il sito web. Questo per garantire la perfezione del design di un sito web di un salone.
Blog per teI blog più popolari
Per saperne di più su WordPress
Corpo
Passo 1
La parte del corpo della sezione hero di un sito web di un salone deve essere minimale, accattivante e rappresentare l'essenza del servizio/prodotto offerto.
Quindi, scegliete lo stesso sfondo dell'intestazione e abbinateli entrambi. Mettete il widget dell'intestazione avanzata al centro della sezione e dategli lo stesso nome del vostro sito web. Seguire il tutto con un semplice Editor di testo widget qui sotto.
Passo 2
Per visualizzare le funzioni con le icone, inserire il tasto Elenco icone widget da Elementor.
Passo 3
L'aggiunta di altri elementi grafici aumenterà ulteriormente l'attrattiva del sito. Aggiungiamo quindi l'effetto parallasse alla sezione andando nella sezione Impostazioni della sezione> Parallasse dell'immagine. Scegliere le immagini adatte per questa parte.
Sezione Caratteristiche
Dopo la sezione degli eroi, viene la sezione delle caratteristiche. In questa parte, riveleremo qualche dettaglio in più sulla qualità dei nostri servizi. Questo viene fatto soprattutto per attirare lentamente i visitatori in una conversazione.
Questa è una buona pratica se state progettando il sito web di un salone. Quindi, via!
Come di consueto, iniziare con l'intestazione. Posizionare il Intestazione avanzata in cima alla sezione e inserire il testo.
Mettiamo un Divisore avanzato sotto l'intestazione. Questo widget ha un'ampia gamma di skin per i divisori. Scegliete quella che preferite.
Ora per le informazioni sulle caratteristiche, posizionare l'opzione Casella delle icone avanzata widget di Element Pack. Qui è possibile inserire emoji, un pulsante LEGGI e testo utilizzando un solo strumento.
Sezione Servizio
Ora mostreremo il servizio/pacchetto offerto in una sezione completamente nuova.
Simile al precedente, l'aspetto di base consiste in un titolo, un sottotitolo e un divisore.
Per il resto, abbiamo usato il metodo Galleria personalizzata e ha mostrato i servizi che generalmente offriamo. Dalla scheda Stile, modificando semplicemente il raggio del bordo per la parte in alto a destra, è possibile dargli una bella forma parabolica.
Sezione video
Qualsiasi sito web, compreso un sito web di un salone, acquista maggior fascino allegandovi un video correlato. Invece di testi semplici, un video mostra contenuti più approfonditi. Questo crea un impatto notevole sull'aumento del traffico.
Inseriamo una sezione con un'immagine di sfondo sfocata.
Aggiungere un Lightbox widget di Element Pack e allegare il contenuto video che si desidera mostrare. Come per l'immagine, selezionare un logo corrispondente per facilitare la visualizzazione.
È possibile evidenziare il video inserendo i titoli su entrambi i lati.
Sezione personale
In questa parte del sito web del salone, visualizziamo i volti delle nostre estetiste.
Per farlo, si può utilizzare il metodo Membro widget. Mostra il ritratto del dipendente, i nomi, le informazioni brevi e i link ai social media. Mantenere lo stesso colore di sfondo per la sezione e per i soggetti.
Caratteristiche aggiuntive
Inseriamo un'altra sezione di caratteristiche per attirare l'attenzione dei lettori.
Create una sezione a 2 colonne e inserite un'immagine ingrandita a destra e dei testi a sinistra. Non dimenticate di aggiungere un pulsante CTA alla fine.
Le persone amano i numeri. Quindi, cercate di mostrare maggiori informazioni sui vostri servizi utilizzando il Contatore avanzato widget.
Testimonianza dei clienti
La testimonianza dei clienti è una delle carte più importanti da giocare. Aiuta a creare un senso positivo nei confronti dei nuovi visitatori. E questo è il momento perfetto per usare il Carosello di testimonianze widget.
È sufficiente creare una nuova sezione con un'immagine di sfondo adeguata e posizionare il widget al centro. Fatto!
A meno che non dobbiate regolare le dimensioni dei contenuti, potete scegliere le impostazioni predefinite senza preoccuparvi. Passate oltre quando siete soddisfatti del design che si sposa bene con il sito web del salone.
CTA
Il passo successivo è aggiungere una sezione di richiamo nella parte inferiore del vostro sito web.
Per prima cosa, progettiamo una sezione utilizzando le impostazioni di base della sezione. Fare clic sulla sezione icona, vai a Divisore di forma, e selezionare Spazzole a onda dal Tipo opzione.
Successivamente, posizionate il vostro pulsante CTA insieme a un titolo e a un estratto adeguati.
Il blog per voiLa scelta del redattore
Imparate subito a creare CTA eccezionali!
Piè di pagina
Infine, concludete la pagina con un piè di pagina ricco di funzionalità.
Creare una sezione con 4 colonne e uno sfondo scuro. Modificare il colore della colonna come si preferisce e posizionare il pulsante Elenco icone widget sotto un'intestazione. Aggiungete qui i dati di contatto dell'azienda.
Creare altre 2 colonne simili e inserire ulteriori dettagli. Completare il tutto inserendo l'elemento Accesso utente widget come CTA.
Guardate la pagina completa che avete appena progettato.
Conclusione
Progettare un sito web è divertente se si hanno le conoscenze e la pianificazione adeguate. Restate con noi e divertitevi a creare altre pagine web simili a questa.
Grazie per essere rimasti in piedi.
Leggi altri blog su WordPress
ul > .bdt-post-list-item; delay: 350;">
Correzione della schermata bianca della morte di WordPress (tutto coperto)
29 aprile 2019
Senza categoria
Plugin SEO per WordPress a confronto
4 dicembre 2020
Senza categoria
Plugin WordPress Live Chat: Dove trovare e come aggiungere?
5 aprile 2021
Senza categoria
WordPress CDN: cos'è, vantaggi, svantaggi e quando usarlo
18 agosto 2019
Senza categoria
Perché gli shortcode sono importanti - trucchi bonus!
9 dicembre 2020
Suggerimenti Element Pack, Elementor, WordPress
I migliori plugin per WordPress per automatizzare le campagne e-mail
31 gennaio 2021
Senza categoria
