Come offrire servizi di progettazione personalizzati ai tuoi clienti di sviluppo Web
Pubblicato: 2022-08-24Offrire servizi di progettazione personalizzati come parte del tuo servizio di sviluppo web generale può aiutarti ad aumentare il tuo appeal, le tue entrate e ti consente di aggiungere più valore per i clienti. Scopri, passo dopo passo, come si fa in questo articolo.
Stai cercando di espandere i tuoi servizi oltre il lavoro di sviluppo web generale? O forse stai imparando nuove abilità di web design e stai cercando un modo redditizio per metterle a frutto?
In questo articolo ti mostriamo come offrire servizi di web design specializzati ai tuoi clienti, anche se hai ZERO capacità o esperienza di progettazione.
Cordiali saluti, abbiamo intervistato i nostri oltre 50.000 membri e ricercato dozzine di siti Web professionali per venire ai consigli e ai suggerimenti menzionati in questo articolo.
"I soldi che ho guadagnato da questa attività secondaria sono stati pagati per vacanze e nuovi giocattoli che non avrei potuto permettermi altrimenti." – Phil (membro WPMU DEV)
Quando avrai finito di leggere, avrai idee per...
- I migliori tipi di servizi di web design da offrire ai tuoi clienti.
- Come implementare o esternalizzare i servizi.
- Quanto puoi addebitare per i servizi di progettazione.
Passa a qualsiasi sezione di questo articolo:
- I migliori servizi di progettazione da offrire ai tuoi clienti di sviluppo Web
- Marchio
- Identità visiva
- Landing Page e Lead Generation
- Ridisegna
- Visualizzazione del menu dei servizi di progettazione
- Inizia a offrire servizi di web design ai tuoi clienti
Cosa sono i servizi di progettazione e quali servizi dovresti offrire?
Come accennato in precedenza, la nostra definizione di servizi di progettazione sono servizi che vanno al di là del normale approccio a tema, modello o generatore di pagine.
Branding, rebranding, design del logo, design della pagina di destinazione. Questo è il tipo di cose che molti sviluppatori web potrebbero non fare, e va bene.
Ma se sei pronto per guadagnare entrate extra, fornire più valore ai tuoi clienti e rendere il tuo servizio di sviluppo web complessivo unico rispetto al resto, ti stiamo mostrando come farlo.
Inoltre non preoccuparti se non sei un designer, o pensi di non avere le competenze o l'esperienza necessarie per offrire questi servizi.
Ti forniremo varie opzioni di outsourcing che ti consentono comunque di applicare un markup e realizzare un profitto.
Man mano che tocchiamo ogni servizio, vedrai anche che ti offriamo una serie di strumenti e risorse da utilizzare se vuoi svolgere il lavoro da solo.
I 4 migliori servizi di web design che puoi offrire (come votati dai nostri membri)
Una volta che hai deciso di offrire questi servizi di web design aggiuntivi, la domanda successiva è che tipo di servizi offrirai effettivamente.
Invece di fare una pugnalata nel buio, o copiare ciò che diceva il primo risultato di Google, abbiamo pensato di chiedere a un gruppo di persone che lo sanno meglio di chiunque altro, perché in realtà lo fanno per vivere...
I nostri oltre 50.000 membri sviluppatori web!
Ecco i servizi di progettazione che sono risultati migliori quando abbiamo chiesto loro in una recente discussione tra i membri:
- Marchio
- Identità visiva
- Landing Page e Lead Generation
- Riprogettazione
Ora diamo un'occhiata a ciascuno di questi servizi di progettazione in dettaglio. Imparerai cosa è coinvolto in ciascun servizio, risorse, strumenti e opzioni di outsourcing per ciascuno, nonché cosa puoi eventualmente addebitare ai tuoi clienti.
Servizio di web design 1: Branding
Il branding è il modo in cui un'azienda si differenzia dalle altre entità e ciò a cui i clienti la identificheranno e la assoceranno.
Non devi andare oltre le basi per far funzionare un marchio, soprattutto se non è una grande azienda.
Ulteriori componenti di branding possono anche essere integrati, se o quando diventano rilevanti.
"Inizia solo con ciò che è necessario e aggiungine altro se necessario." – Databoy (membro WPMU DEV)
–
Che cosa è coinvolto con i servizi di branding?
Il marchio su cui ci stiamo concentrando, in base all'input della community dei membri, è semplicemente la creazione di un marchio incorporando una tavolozza di colori, selezionando i caratteri e posizionando strategicamente un logo o un marchio denominativo (parleremo della creazione del logo separatamente; vedere l'identità visiva di seguito) .
Creazione di una tavolozza di colori per il marchio dei tuoi clienti
L'adozione di una tavolozza di colori è parte integrante della sinergia del sito Web di un cliente.
Ci sono alcuni ottimi strumenti online che usi se hai bisogno di aiuto per mettere insieme le sfumature per i tuoi clienti.
Eccone alcuni che ci piacciono, tutti gratuiti.
Strumenti della tavolozza dei colori:
Raffreddatori
Con Coolors, puoi generare rapidamente tavolozze in modo casuale, o più precisamente usando il loro color inspector (barre RGB) o caricando un'immagine, sia per i solidi che per i gradienti.
Se preferisci le opzioni già pronte, hanno una vasta libreria.
Questo strumento è disponibile tramite app iOS e Android, un plug-in Figma e un'estensione Chrome.
Offrono anche un controllo del contrasto e uno strumento di ricolorazione grafica (vedi il mio caso di prova nell'immagine sopra).
Colore Adobe
Adobe Color fornisce il suo strumento professionale per la ruota dei colori, con tre modalità disponibili: RGB, HSB e LAB.
È possibile estrarre un tema da un'immagine per salvarlo come tavolozza di colori o sfumatura.
Gli strumenti di accessibilità sono un altro vantaggio; usa le loro modalità Contrast Checker e Color Blind Safe per vedere rispettivamente.
Gradienti
Eggradients ti consente di selezionare tra una serie di gradienti già pronti. Si tratta di semplici miscele di due colori, ma possono essere utili o stimolare la creatività se stai cercando approcci di tavolozza di base.
Il loro generatore di tavolozza dei colori ti consente di scegliere da un elenco di sfumature di sfumature diverse.
Hanno anche una sezione "50 sfumature di colore", che estrarrà toni casuali in quella famiglia di colori, ciascuno con codici esadecimali corrispondenti.
Scelta dei caratteri del sito web
La tipografia e la forte scelta dei caratteri giocano un ruolo cruciale nel successo di un nuovo design.
Esistono diversi strumenti decenti per confrontare e testare i caratteri, nonché siti che offrono accesso a un vasto assortimento di caratteri stessi.
Ancora una volta, queste sono tutte opzioni gratuite.
Strumenti per i caratteri Web
coppia di caratteri
Fontpair ha una raccolta di caratteri preaccoppiati sul proprio sito raccolti da tutto il Web.
Hanno una pagina di suggerimenti/invii, con nuovi abbinamenti aggiunti settimanalmente.
Abbina e confronta
Abbina e confronta semplifica la sperimentazione con gli accoppiamenti dei caratteri.
Puoi utilizzare Google o caratteri locali (condivisi dal tuo dispositivo) e avere fino a tre comparativi contemporaneamente sullo schermo.
Ci sono molte opzioni di modifica: dimensioni, spessore, colore, altezza della linea e altro.
Puoi anche modificare qualsiasi testo di esempio e caratteri dei segnalibri per testarli in un secondo momento.
Google Font
Google Fonts è un'eccellente risorsa per trovare e utilizzare i caratteri, con quasi 1500 famiglie, inclusi caratteri variabili e simboli materiali.
Questi sono tutti gratuiti, anche commerciali o all'interno di un prodotto venduto commercialmente (esempio: un logo o un marchio denominativo).
I download sono disponibili per famiglie o stili individuali e possono essere condivisi con altri tramite collegamenti.
Siti aggiuntivi che offrono font gratuiti:
- FontBase (questo è un sistema di gestione dei caratteri)
- Carattere Scoiattolo
- Dafont.com
- FontSpace
- 1001Font gratuiti
- Font urbani
E una selezione di siti di font premium/a pagamento:
- Font Adobe
- I miei caratteri
- Caratteri EnvatoElements
- FontBundles
Quanto puoi addebitare per i servizi di branding?
Per avere un'idea di come valutare i tuoi servizi di branding, un esercizio utile è controllare cosa offre la concorrenza e addebitare la creazione di contenuti uguali o simili.
Lo abbiamo fatto noi stessi ed ecco alcuni esempi rilevanti da cui trarre ispirazione per i prezzi:
TechCrunch ha pubblicato un ottimo articolo sul costo del marchio di avvio e dell'identità visiva, da un designer con un'esperienza decennale (compresi i Fortune 500).
Ecco una ripartizione di ciò che hanno addebitato:
Le stime dei prezzi sono suddivise in due categorie, in base alla fase dell'attività, che come puoi vedere, incide notevolmente sui costi approssimativi.
The Branded Agency è un'agenzia digitale a servizio completo che offre servizi e consigli che abbracciano tutti gli elementi e i livelli di branding.
Hanno un articolo informativo in cui forniscono le specifiche per aiutare con la pianificazione e il calcolo dei costi di branding.
C'è una variazione anche in questi prezzi, ma sono comunque utili per avere un'idea di quale sia la gamma tipica per i servizi di progettazione.
Sapere questo può aiutarti a prevenire un carico eccessivo o insufficiente, tenendo conto delle tue capacità e del tuo livello di conoscenza (e dell'ambito di un determinato progetto).
Ovviamente puoi e dovresti avere un prezzo più alto quanto più includi nei tuoi pacchetti di branding.
Fascia di prezzo media per i servizi di branding: $ 1.000- $ 30.000+
Servizio di web design 2: identità visiva
Un'identità visiva potrebbe essere solo grafica (logo), solo testo artistico (marchio denominativo), una combinazione di entrambi o il complemento completo di tutti.
Potrebbe essere semplice come un cerchio con un'iniziale o il nome dell'azienda con un carattere, un peso e un colore specifici.
Esempio calzante >> WPMU DEV!:
Cosa comporta la fornitura di un servizio di identità visiva
Decidere su un logo per un cliente ha diversi gradi di difficoltà.
Si riduce a quanto sono particolari e qual è il loro budget.
Più complicato o specifico è un progetto immaginato dal cliente, più è probabile che le sue esigenze vengano soddisfatte scegliendone uno personalizzato.
L'altro vantaggio distinto di un design personalizzato è che sarà unico. Il materiale prefabbricato è disponibile per chiunque, quindi più aziende potrebbero acquistare e utilizzare lo stesso design.
Proprio come abbiamo controllato alcuni siti che possono aiutare con gli elementi fondamentali del branding, abbiamo quindi deciso di trovare risorse che offrissero buone scelte per le identità visive (loghi, marchi denominativi, ecc.).
Strumenti e opzioni di outsourcing per la creazione di loghi personalizzati
Logo.com
Tutti i loghi su Logo.com sono gratuiti.
Queste sono offerte di tagliabiscotti prefabbricate molto semplici, ma ce ne sono molte.
Consentono anche grandi variazioni di colore (c'è un campo esadecimale) se hai bisogno di una tonalità molto specifica.
Giocare con la personalizzazione del logo gratuita su Logo.com.
Considerando che sono completamente gratuiti, è un'opzione decente se non hai bisogno di nulla di intricato o unico.
Mercato Creativo
Creative Market ha oltre 150.000 modelli di logo da utilizzare nel marchio aziendale, nell'e-commerce e nell'imprenditorialità.
I set di modelli di logo includono badge, icone e altri elementi per creare loghi unici e moderni.
Questi sono tutti progetti prefabbricati, quindi tieni presente che un numero qualsiasi di persone può acquistare/utilizzare l'opera d'arte oltre a te. Se il tuo cliente desidera un logo unico, questa opzione non funzionerà.
Fiverr
Fiverr è un mercato di vendita molto popolare, in cui assumi un singolo artista per un numero qualsiasi di elementi di design offerti come Gigs.
Poiché questo dipende completamente dal designer che scegli, il tuo chilometraggio può variare. Ma in generale, i revisori sembrano nel complesso soddisfatti e ritengono di aver ottenuto un buon affare per quello che hanno pagato.
I nostri migliori strumenti per WP professionali in un unico pacchetto
I prezzi vanno da $ 5 a $ 995, a seconda del livello di abilità dell'artista e dei componenti inclusi.
Logoglo
Logoglo è un sito di loghi premium. Tutto ciò che ottieni qui sarebbe un design unico, una tantum, realizzato professionalmente da zero, basato sul tuo brief.
I pacchetti includono più contenuti man mano che sali di livello, come il numero di concetti iniziali, i tempi di consegna e le indennità di revisione.
Questa è un'ottima opzione se hai un cliente che ha un budget leggermente maggiore e desidera opere d'arte che le persone non incontreranno altrove.
99disegni
99designs è una sussidiaria di VistaPrint, la tipografia online di grande successo.
Le offerte includono il livello dei designer e se ottieni un manager dedicato e un supporto prioritario.
Il numero di concetti di design presentati parte da 30 e arriva fino a 90. Tutti i design sono coperti da una garanzia di rimborso e dalla piena proprietà del copyright.
Quanto puoi addebitare per i servizi di identità visiva?
Jacob Cass è un designer di marchi, uno stratega e il fondatore di JUST Creative , una pluripremiata società di consulenza di branding e design.
JC.com ha un articolo sul costo del design, con un utile grafico sui prezzi del design del logo. Inoltre, hanno fornito un elenco che suddivide i costi in modo più dettagliato.
Il Full Branding per le identità globali ha un prezzo estremamente alto, toccando oltre un milione di dollari.
Questo ovviamente è il livello più alto d'élite, ben al di sopra della media.
Per il livello su cui ci concentriamo, puoi vedere che la varianza va da $ 0 per i creatori di loghi fai-da-te/gratuiti, a un massimo di $ 5.000 per un designer esperto.
Fascia di prezzo media per i servizi di identità visiva: $ 500- $ 5.000
Web Design Service 3: Landing Page e Lead Generation
L'obiettivo principale della maggior parte dei siti Web (a parte l'istruzione e l'intrattenimento) è trasformare il traffico in entrata in lead.
Vale la pena offrire ai tuoi clienti landing page o servizi simili basati sulla conversione.
Dopotutto, è improbabile che riducano il potenziale di acquisire più clienti e lead.
“Ogni pagina ha uno scopo, convertire. Assicurati di avere un percorso chiaro su come il cliente vuole convertire, qual è l'obiettivo che il cliente vuole da ogni visitatore. Mantieni il tuo design concentrato sull'ottenere quel clic di conversione". – Chris (membro WPMU DEV)
Che cosa è coinvolto e gli strumenti per aiutarti a fornire landing page e servizi di lead generation
Pagine di destinazione
Potresti già disporre di un modello che utilizzi per le pagine di destinazione dei clienti: creato autonomamente, acquistato o acquisito gratuitamente.
Se stai cercando qualcosa di nuovo, o non hai già un punto di riferimento, ecco alcune opzioni per i siti Web di Landing Page.
Strumenti e opzioni di esternalizzazione
Bella pagina
Nicepage offre oltre 10.000 pagine di destinazione pre-progettate, oppure puoi crearne di tue.
Puoi modificare qualsiasi modello predefinito, utilizzando il proprio costruttore di siti Web, che consente il trascinamento della selezione, nessuna personalizzazione del codice come la modifica del contenuto, la modifica del layout (blocchi), la modifica di colori e caratteri e l'esecuzione di regolazioni per diversi reattivi modalità.
Nicepage è disponibile per Windows o Mac OS come plugin per WordPress.
Fiverr
Gli esperti designer di landing page di Fiverr possono creare il layout e l'identità di branding giusti per la tua pagina.
Aspettati immagini di qualità premium, design reattivo adatto a dispositivi mobili e desktop, caricamento di contenuti (di contenuti forniti da te) e altro ancora.
I prezzi variano notevolmente, a seconda di ciò che desideri, della velocità con cui lo desideri e delle capacità e dell'esperienza autoattribuite dell'artista che scegli. Per riferimento, abbiamo riscontrato che i prezzi variavano da $ 5 a $ 1500.
Foglio di atterraggio
Landingfolio presenta una bella e diversificata raccolta di pagine di destinazione, curate da tutto il Web.
Le loro offerte includono:
- Modelli di sito Tailwind CSS – Figma incluso in tutti i design
- Logos – una collezione del designer Jord Riekwel, donata alla comunità (sono gratis)
- Generatore di modelli: crea rapidamente modelli di dispositivi per la tua app o il tuo web design; inserisci l'URL del tuo sito Web e genereranno i modelli per te
Tailwind è un framework CSS come Bootstrap, che velocizza i tempi di sviluppo. Usa le classi per dare uno stile agli elementi, quindi non devi scrivere alcun CSS.
Costruttori di pagine popolari come Elementor e Divi
Naturalmente, se necessario, puoi sempre rivolgerti a page builder e temi, la maggior parte dei quali ti aiuterà a creare landing page personalizzate di qualità per i clienti.
Divi offre solo una versione a pagamento del loro builder, che fornisce un prodotto finale dall'aspetto gradevole quando si tratta di pagine di destinazione ed elementi di conversione. Elementor ha anche la capacità di creare pagine di destinazione sia nella versione gratuita che in quella Pro.
Crea moduli di lead generation con Hustle
Ogni buona pagina di destinazione ha bisogno di elementi di lead generation efficaci.
Puoi mettere insieme alcuni fantastici moduli per la generazione di lead con il nostro plug-in gratuito Hustle.
Opt-in, pop-up, slide-in, condivisioni social e incorporamenti: Hustle ti aiuta a crearli tutti, progettati per generare risultati e convertire i visitatori.
È facile creare moduli di bell'aspetto in pochi minuti con i modelli progettati professionalmente di Hustle (18 e oltre).
Tutti sono reattivi per dispositivi mobili e sono dotati di una scelta di moduli di attivazione e-mail e design informativi (ad esempio, gli utenti fanno clic su un pulsante e vengono inviati a un'altra pagina).
Hustle è disponibile sia in versione gratuita che pro. Entrambi ti offrono tutte le stesse fantastiche impostazioni e opzioni.
L'unica differenza è che la versione Pro include opt-in illimitati, contenuti personalizzati e condivisione social.
Vuoi più trambusto? Dai un'occhiata a questi articoli ricchi di informazioni sul blog:
- Come ottenere il massimo dalla frenesia
- Come utilizzare le condizioni di visibilità in Hustle
- Come ottenere il maggior numero di abbonati e-mail utilizzando Hustle
Quanto puoi addebitare per la pagina di destinazione e i servizi di generazione di lead?
F5 Studio , una società di sviluppo web di successo che è in attività dal 2013, ha un ottimo articolo che analizza gli elementi del design e ciò che va nel prezzo della sua pagina di destinazione.
Dicono che le agenzie digitali facciano pagare da $ 600 a $ 3.000 per creare una pagina di destinazione statica e da $ 2.000 a $ 5.000 per una pagina di destinazione dinamica.
Brimar , una premiata agenzia di marketing a servizio completo, ha condiviso queste informazioni sul costo della pagina di destinazione, affermando che un'agenzia può addebitare ovunque da $ 300 a $ 3.000 per pagina di destinazione, a seconda della complessità del progetto e degli obiettivi aziendali del cliente.
Nel complesso, il costo della creazione di una pagina di destinazione varia a seconda dell'ambito completo del lavoro e della quantità di lavoro necessaria.
Fascia di prezzo media per la pagina di destinazione e i servizi di conversione: $ 300- $ 5.000
Web Design Service 4: Progetti Redesign/Rebrand
Ci sono diversi motivi per cui un cliente potrebbe trarre vantaggio o desiderare una riprogettazione del sito web. I più comuni sono:
- L'aspetto generale è obsoleto o poco attraente.
- L'identità aziendale non è ben riflessa nel design o presto non sarà dovuta a un rebranding pianificato.
- L'usabilità è scarsa, rendendo difficile la navigazione e limitando le conversioni.
"È particolarmente importante per una revisione completa (l'interfaccia utente potrebbe richiedere un ripensamento completo) se si cerca di attrarre un pubblico completamente diverso, ad esempio se un sito Web cambia da b2c a b2b". – Marianna (membro WPMU DEV)
Che cosa è coinvolto e gli strumenti per aiutarti a fornire un servizio di riprogettazione
Comprendere l'esperienza dell'utente è fondamentale. Se i tassi di interazione/conversione di un sito sono molto inferiori al traffico del sito, ti conviene esaminare l'analisi del comportamento.
Hotjar e Crazy Egg per approfondimenti sulla UX
Strumenti come Hotjar e Crazy Egg possono fornire ottime informazioni sulla progettazione/usabilità dell'esperienza utente di un sito.
Osservando il comportamento dello schermo registrato, puoi individuare eventuali aree deboli ed effettuare aggiornamenti in base ai dati di utilizzo reale.
Hotjar offre il proprio servizio gratuitamente, fino a mille dollari (al mese) in base alle funzionalità di cui hai bisogno e per quante sessioni ("Osserva") o risposte ("Chiedi").
Il prezzo di Crazy Egg include 5 diversi pacchetti, da meno di trenta dollari al mese, a un preventivo. Ogni livello consente maggiori quantità di servizi (come visualizzazioni di pagina monitorate, istantanee e registrazioni).
Imparare dove i clienti spostano il mouse e dove fanno clic, su cosa si concentrano rispetto a ciò che ignorano, rimuove ogni dubbio e congettura, consentendoti di concentrarti sulle aree specificamente evidenziate come mature per il miglioramento.
Quanto puoi addebitare per i servizi di riprogettazione?
Le riprogettazioni sono molto simili ai nuovi progetti in termini di impegno complessivo richiesto. Coinvolgono molti degli stessi elementi, strumenti e requisiti di tempo.
L'unico differenziale di prezzo con una riprogettazione sarebbe il costo aggiuntivo degli strumenti di insight UX, come spiegato sopra.
Per quanto riguarda i costi complessivi di riprogettazione del web, i partecipanti a un recente sondaggio di riprogettazione globale hanno rivelato alcune statistiche chiave:
- Costo medio per la progettazione di un sito Web (con funzionalità di base): $ 3.200
- Tempo medio per la progettazione di un sito web (con funzionalità di base): 2 mesi
- Il motivo principale per cui le persone assumono un web designer professionista (piuttosto che utilizzare un software di creazione di siti): la capacità di personalizzare completamente.
Indipendentemente dal motivo alla base di una riprogettazione, è importante stabilire in anticipo quali sono le aspettative in termini di portata e costo.
Stiamo vedendo una media di $ 3+K e un lasso di tempo di circa due mesi per progetti/riprogettazioni web complete. Tieni in considerazione il tempo medio di costruzione e i servizi che includerai per stabilire i tuoi prezzi.
Fascia di prezzo media per le riprogettazioni del sito Web: $ 2.000- $ 4.000
Mettere insieme tutti i componenti di Web Design
Dopo aver raccolto le informazioni e averle tenute in debita considerazione, ora puoi costruire un menu su misura per i tuoi servizi di web design, fornendo un facile accesso (e una proposta di valore) ai clienti interessati.
Un esempio di menu completo di servizi di progettazione:
Ecco un esempio che ci è venuto in mente, che include variazioni sui prezzi elementari, a seconda dei componenti inclusi e del lavoro previsto.
Inizia a offrire servizi di web design ai tuoi clienti
Ci auguriamo che tu abbia portato via alcune preziose informazioni da questo sguardo dettagliato sull'offerta di servizi di web design.
Se hai bisogno di ulteriori consigli o chiarimenti su qualsiasi cosa discussa nell'articolo, sentiti libero di chiederci nei commenti qui sotto.
Ci sono molte palle da tenere in aria come Sviluppatore Web. In WPMU DEV, il nostro obiettivo è aiutare a rendere questo processo il più semplice possibile.
Se sei interessato a provare la nostra piattaforma, il nostro piano gratuito è il miglior punto di partenza. Include la gestione illimitata del sito, la fatturazione integrata, i plug-in e altro ancora.