Cum să oferiți servicii de design personalizat clienților dvs. de dezvoltare web
Publicat: 2022-08-24Oferirea de servicii de design personalizat ca parte a serviciului general de dezvoltare web vă poate ajuta să vă creșteți atractivitatea, veniturile și să vă permiteți să adăugați mai multă valoare pentru clienți. Aflați, pas cu pas, cum se face în acest articol.
Doriți să vă extindeți serviciile dincolo de munca generală de dezvoltare web? Sau poate învățați noi abilități de design web și căutați o modalitate profitabilă de a le folosi?
În acest articol vă arătăm cum să oferiți clienților dvs. servicii specializate de design web, chiar dacă aveți ZERO abilități sau experiență de design.
Pentru informare, am chestionat peste 50.000 de membri ai noștri și am cercetat zeci de site-uri web profesionale pentru a ajunge la recomandările și sugestiile menționate în acest articol.
„Banii pe care i-am câștigat din această afacere secundară au plătit pentru vacanțe și jucării noi pe care altfel nu mi-aș fi putut permite.” – Phil (membru WPMU DEV)
Până când termini de citit, vei avea idei pentru...
- Cele mai bune tipuri de servicii de web design pe care să le oferi clienților tăi.
- Cum să implementați sau să externalizați serviciile.
- Cât de mult puteți percepe pentru serviciile de proiectare.
Treceți înainte la orice secțiune a acestui articol:
- Servicii de design de top pentru a oferi clienților dvs. de dezvoltare web
- Branding
- Identitate vizuala
- Pagini de destinație și generare de clienți potențiali
- Reproiectări
- Afișarea meniului Servicii de proiectare
- Începeți să oferiți servicii de web design clienților dvs
Ce sunt serviciile de design și ce servicii ar trebui să oferiți?
După cum am menționat mai sus, definiția noastră a serviciilor de design sunt servicii care depășesc abordarea dvs. obișnuită a temei, șablonului sau generatorului de pagini.
Branding, rebranding, design logo, design pagini de destinație. Acestea sunt genul de lucruri pe care mulți dezvoltatori web le-ar putea transmite în continuare și este în regulă.
Dar dacă sunteți dispus să obțineți venituri suplimentare, să oferiți mai multă valoare clienților dvs. și să faceți ca serviciul dvs. general de dezvoltare web să fie remarcat de restul, vă arătăm cum să o faceți.
De asemenea, nu vă faceți griji dacă nu sunteți designer sau nu credeți că aveți abilitățile sau experiența necesară pentru a oferi aceste servicii.
Vă vom oferi diferite opțiuni de externalizare care vă permit în continuare să aplicați un marcaj și să obțineți profit.
Pe măsură ce atingem fiecare serviciu, veți vedea, de asemenea, că vă oferim o serie de instrumente și resurse de utilizat dacă doriți să faceți singur treaba.
Cele mai bune 4 servicii de web design pe care le puteți oferi (așa cum au votat membrii noștri)
Odată ce v-ați decis să oferiți aceste servicii suplimentare de web design, următoarea întrebare este ce tip de servicii veți oferi de fapt.
În loc să luăm un junghi în întuneric sau să copiem ceea ce a spus rezultatul de top Google, ne-am gândit să întrebăm un grup de oameni care știu mai bine decât oricine, pentru că de fapt fac asta pentru a-și câștiga existența...
Peste 50.000 de membri dezvoltatori web!
Iată serviciile de design care au ieșit pe primul loc când le-am întrebat într-o discuție recentă a membrilor:
- Branding
- Identitate vizuala
- Pagini de destinație și generare de clienți potențiali
- Reproiectează
Acum să ne uităm la fiecare dintre aceste servicii de design în detaliu. Veți afla ce implică fiecare serviciu, resurse, instrumente și opțiuni de externalizare pentru fiecare, precum și ce puteți taxa clienții.
Serviciul Web Design 1: Branding
Branding este modul în care o afacere se diferențiază de alte entități și cu ce clienții o vor identifica și asocia.
Nu trebuie să treceți dincolo de elementele de bază pentru a pune în funcțiune un brand, mai ales dacă nu este o corporație masivă.
Componentele de branding suplimentare pot fi, de asemenea, suplimentate, dacă sau pe măsură ce devin relevante.
„Începeți doar cu ceea ce este necesar și adăugați mai mult dacă este necesar.” – Databoy (membru WPMU DEV)
–
Ce este implicat cu serviciile de branding?
Branding-ul asupra căruia ne concentrăm – bazat pe contribuția comunității membrilor – este pur și simplu crearea unei mărci prin încorporarea unei palete de culori, selectând fonturi și plasând strategic un logo sau un semn de cuvânt (vom vorbi despre crearea logo-ului separat; vezi Identitatea vizuală de mai jos) .
Crearea unei palete de culori pentru brandul clienților dvs
Adoptarea unei palete de culori este parte integrantă a sinergiei site-ului web al clientului.
Există câteva instrumente online grozave pe care le utilizați dacă aveți nevoie de ajutor pentru a pune împreună nuanțe pentru clienții dvs.
Iată doar câteva care ne plac, toate gratuite.
Instrumente pentru paleta de culori:
Coolers
Cu Coolors, puteți genera rapid palete aleatoriu sau mai precis folosind inspectorul lor de culoare (barele RGB) sau încărcând o imagine – atât pentru solide, cât și pentru gradienți.
Dacă preferați opțiunile gata făcute, acestea au o bibliotecă imensă.
Acest instrument este disponibil prin aplicațiile iOS și Android, un plugin Figma și o extensie Chrome.
De asemenea, oferă un Verificator de contrast și un instrument de recolorare a lucrărilor de artă (vezi cazul meu de testare în imaginea de mai sus).
Adobe Color
Adobe Color oferă instrumentul lor profesional pentru roata de culoare, cu trei moduri disponibile: RGB, HSB și LAB.
Puteți extrage o temă dintr-o imagine pentru a o salva ca paletă de culori sau gradient.
Instrumentele de accesibilitate sunt un alt plus; utilizați modurile lor Contrast Checker și, respectiv, Color Blind Safe pentru a vedea oricare dintre ele.
Eggradienți
Eggradients vă permite să selectați dintr-un număr de degrade gata făcute. Acestea sunt simple, amestecuri de două culori, dar pot fi utile sau pot stârni creativitatea dacă sunteți în căutarea unor abordări de bază ale paletei.
Generatorul lor de paletă de culori vă permite să alegeți dintr-o listă de diferite degrade de nuanțe.
Au, de asemenea, o secțiune „50 de nuanțe de culoare”, care va extrage tonuri aleatorii în acea familie de culori, fiecare cu codurile hexadecimale corespunzătoare.
Alegerea fonturilor pentru site-uri web
Tipografia și alegerea puternică a fontului joacă un rol crucial în succesul unui nou design.
Există mai multe instrumente decente pentru compararea și testarea fonturilor, precum și site-uri care oferă acces la o gamă robustă de fonturi în sine.
Din nou, toate acestea sunt opțiuni gratuite.
Instrumente Web Font
Pereche de fonturi
Fontpair are o colecție de fonturi pre-împerechete pe site-ul lor, adunate de pe web.
Au o pagină de sugestii/trimiteri, cu noi perechi adăugate săptămânal.
Asociați și comparați
Asocierea și compararea facilitează experimentarea cu perechi de fonturi.
Puteți utiliza fonturi Google sau locale (partajate de pe dispozitiv) și aveți până la trei comparații simultan pe ecran.
Există o mulțime de opțiuni de editare: dimensiune, greutate, culoare, înălțime a liniei și multe altele.
De asemenea, puteți modifica orice exemplu de text și puteți marca fonturile pentru testare ulterioară.
Fonturi Google
Google Fonts este o resursă excelentă pentru găsirea și utilizarea fonturilor, cu aproape 1500 de familii – inclusiv fonturi variabile și simboluri materiale.
Acestea sunt toate libere de utilizat, chiar și comercial sau în cadrul unui produs care este vândut comercial (de exemplu: un logo sau un cuvânt).
Descărcările sunt disponibile pentru familii sau stiluri individuale și pot fi partajate altora prin linkuri.
Site-uri suplimentare care oferă fonturi gratuite:
- FontBase (acesta este un sistem de gestionare a fonturilor)
- Font Veveriță
- Dafont.com
- FontSpace
- 1001Fonturi gratuite
- Urbanfonts
Și o selecție de site-uri cu fonturi premium/plătite:
- Fonturi Adobe
- MyFonts
- Fonturi EnvatoElements
- FontBundles
Cât de mult puteți taxa pentru serviciile de branding?
Pentru a vă face o idee despre cum să stabiliți prețul serviciilor dvs. de branding, un exercițiu util este să verificați ce oferă concurența și să taxați pentru crearea aceluiași conținut sau a unui conținut similar.
Am făcut acest lucru singuri și iată câteva exemple relevante din care să ne inspirăm prețurile:
TechCrunch a avut un articol grozav despre costul branding-ului și al identității vizuale pentru startup, de la un designer cu un deceniu de experiență (inclusiv Fortune 500s).
Iată o detaliere a celor taxate:
Estimările de preț sunt împărțite în două categorii, în funcție de stadiul afacerii, care, după cum puteți vedea, afectează foarte mult costurile aproximative.
The Branded Agency este o agenție digitală cu servicii complete care oferă servicii și consiliere care cuprind toate elementele și nivelurile de branding.
Au un articol informativ în care oferă specificații pentru a ajuta la planificarea și calcularea costurilor de branding.
Există și variații în aceste prețuri, dar sunt totuși utile pentru a vă face o idee despre gama tipică pentru serviciile de design.
Cunoașterea acestui lucru vă poate ajuta să împiedicați supraîncărcarea sau subîncărcarea masivă, ținând cont de aptitudinile și nivelul de cunoștințe (și de sfera unui proiect dat).
Bineînțeles că puteți și ar trebui să prețați mai mult cu cât includeți mai mult în pachetele dvs. de branding.
Interval mediu de preț pentru serviciile de branding: 1.000 USD-30.000 USD+
Serviciul Web Design 2: Identitate vizuală
O identitate vizuală poate fi doar grafică (logo), text artistic (marca de cuvânt), o combinație a ambelor sau completarea tuturor.
Ar putea fi la fel de simplu ca un cerc cu o inițială în el sau numele companiei într-un anumit font, greutate și culoare.
Caz concret >> WPMU DEV!:
Ce este implicat în furnizarea unui serviciu de identitate vizuală
Decizia asupra unui logo pentru un client are diferite grade de dificultate.
Se rezumă la cât de particulari sunt și care este bugetul lor.
Cu cât un design proiectat de client este mai complicat sau mai specific, cu atât este mai probabil ca nevoile acestora să fie satisfăcute folosind unul personalizat.
Celălalt avantaj distinct al unui design personalizat este că va fi unic. Produsele prefabricate sunt disponibile pentru oricine, astfel încât mai multe companii ar putea cumpăra și utiliza același design.
Așa cum am verificat câteva site-uri care pot ajuta cu elementele de bază ale branding-ului, ne-am propus în continuare să găsim resurse care să ofere alegeri frumoase pentru identitățile vizuale (logo-uri, mărci de cuvinte etc.).
Instrumente și opțiuni de externalizare pentru crearea de logo-uri personalizate
Logo.com
Toate siglele de pe Logo.com sunt gratuite.
Acestea sunt oferte de tăiat prăjituri foarte de bază, prefabricate, dar există o mulțime.
De asemenea, permit o mare variație de culoare (există un câmp Hex) dacă aveți nevoie de o nuanță foarte specifică.
Jucând cu personalizarea gratuită a logo-ului pe Logo.com.
Având în vedere că acestea sunt complet gratuite, este o opțiune decentă dacă nu aveți nevoie de nimic complicat sau unic.
Piața Creativă
Creative Market are peste 150.000 de șabloane de logo pentru a fi utilizate în branding corporativ, comerț electronic și antreprenoriat.
Seturile de șabloane de logo includ insigne, pictograme și alte elemente pentru crearea de logo-uri unice și moderne.
Acestea sunt toate modele prefabricate, așa că rețineți că orice număr de persoane poate achiziționa/utiliza opera de artă în plus față de tine. Dacă clientul dvs. dorește un logo unic, această opțiune nu va funcționa.
Fiverr
Fiverr este o piață de vânzări foarte populară, unde angajați un artist individual pentru orice număr de elemente de design oferite ca concerte.
Deoarece acest lucru depinde în totalitate de designerul pe care îl alegeți, kilometrajul dvs. poate varia. Dar, în general, recenzenții par mulțumiți în general și simt că au primit o afacere bună pentru ceea ce au plătit.
Cele mai bune instrumente pro WP ale noastre într-un singur pachet
Prețurile variază de la 5 USD la 995 USD, în funcție de nivelul de calificare al artistului și de componentele incluse.
Logoglo
Logoglo este un site cu logo premium. Orice vei obține aici ar fi un design unic, unic, realizat profesional de la zero, bazat pe brief-ul tău.
Pachetele includ mai mult conținut pe măsură ce urcați în niveluri - cum ar fi numărul de concepte inițiale, timpul de realizare și permisiunile de revizuire.
Aceasta este o opțiune excelentă dacă aveți un client care are un buget puțin mai mare și dorește lucrări de artă pe care oamenii să nu le poată întâlni în altă parte.
99designs
99designs este o subsidiară a VistaPrint, casa de tipărire online de mare succes.
Ofertele includ nivelul de designeri și dacă obțineți un manager dedicat și suport prioritizat.
Numărul de concepte de design prezentate începe de la 30 și crește până la 90. Toate modelele vin cu o garanție de rambursare a banilor și deținerea totală a drepturilor de autor.
Cât de mult puteți taxa pentru serviciile de identitate vizuală?
Jacob Cass este un designer de marcă, strateg și fondatorul JUST Creative , o companie de consultanță de branding și design premiată.
JC.com are un articol despre costul designului, cu un grafic util despre prețurile pentru designul logo-ului. În plus, au oferit o listă care detaliază costurile.
Brandingul complet pentru identitățile globale are un preț extrem de ridicat, ajungând la peste un milion de dolari.
Acesta este, desigur, eșalonul superior de elită, cu mult peste medie.
Pentru nivelul pe care ne concentrăm, puteți vedea că variația merge de la 0 USD pentru creatorii de logo-uri DIY/gratuit, la peste 5K USD pentru un designer cu experiență.
Interval mediu de preț pentru serviciile de identitate vizuală: 500 USD-5.000 USD
Serviciul de Web Design 3: Pagini de destinație și generare de clienți potențiali
Scopul principal al majorității site-urilor web (în afară de educație și divertisment) este acela de a transforma traficul primit în clienți potențiali.
Oferirea de pagini de destinație sau servicii similare bazate pe conversie clienților dvs. merită din plin.
La urma urmei, nu este probabil să refuze potențialul de a câștiga mai mulți clienți și clienți potențiali.
„Fiecare pagină are un singur scop, de a converti. Asigurați-vă că aveți o cale clară asupra modului în care clientul dorește să convertească, care este obiectivul pe care clientul și-l dorește de la fiecare vizitator. Păstrați-vă designul concentrat pe obținerea acel clic de conversie.” – Chris (membru WPMU DEV)
Ce este implicat și instrumentele care vă ajută să oferiți servicii de pagina de destinație și de generare de clienți potențiali
Pagini de destinație
Este posibil să aveți deja un șablon pe care îl utilizați pentru paginile de destinație ale clienților – fie creat de dvs., achiziționat, fie achiziționat gratuit.
Dacă sunteți în căutarea ceva nou sau nu aveți deja o soluție ideală, iată câteva opțiuni pentru site-urile Landing Page.
Instrumente și opțiuni de externalizare
Nicepage
Nicepage oferă peste 10.000 de pagini de destinație pre-proiectate sau vă puteți crea propriile pagini.
Puteți edita oricare dintre șabloanele prefabricate, folosind propriul constructor de site-uri web – care permite glisarea și plasarea, fără personalizări de codare, cum ar fi editarea conținutului, modificarea aspectului (blocuri), modificarea culorilor și fonturilor și efectuarea de ajustări pentru diferite responsive. moduri.
Nicepage este disponibil pentru Windows sau Mac OS ca plugin WordPress.
Fiverr
Designerii de pagini de destinație cu experiență Fiverr pot crea aspectul și identitatea de brand potrivite pentru pagina dvs.
Așteptați-vă imagini de calitate premium, design receptiv potrivit pentru dispozitive mobile și desktop, încărcare de conținut (a conținutului furnizat de dvs.) și multe altele.
Prețurile variază foarte mult, în funcție de ceea ce îți dorești, cât de repede vrei și de abilitățile și experiența auto-atribuite ale artistului pe care îl alegeți. Pentru referință, am găsit prețuri cuprinse între 5 USD și 1500 USD.
Landingfolio
Landingfolio oferă o colecție frumoasă și diversă de pagini de destinație, organizate de pe web.
Ofertele lor includ:
- Șabloane de site CSS Tailwind – Figma inclusă pe toate modelele
- Sigle – o colecție a designerului Jord Riekwel, donată comunității (sunt gratuite)
- Mockup Generator – creați rapid modele de dispozitiv pentru aplicația dvs. sau designul web; introduceți adresa URL a site-ului dvs. și ei vor genera machetele pentru dvs
Tailwind este un cadru CSS precum Bootstrap, care vă accelerează timpul de dezvoltare. Folosește clase pentru a stila elemente, deci nu trebuie să scrieți niciun CSS.
Creatori populari de pagini precum Elementor și Divi
Desigur, puteți apela oricând la creatorii de pagini și la teme, dacă este necesar, dintre care majoritatea vă vor ajuta să creați pagini de destinație personalizate de calitate pentru clienți.
Divi oferă doar o versiune plătită a constructorului lor, care oferă un produs final frumos când vine vorba de pagini de destinație și elemente de conversie. Elementor are, de asemenea, capacitatea de a crea pagini de destinație atât în versiunea lor gratuită, cât și în versiunea Pro.
Creați module de generații de clienți potențiali cu Hustle
Fiecare pagină de destinație bună are nevoie de elemente eficiente de generare de clienți potențiali.
Puteți crea câteva module grozave de generare de clienți potențiali cu pluginul nostru gratuit Hustle.
Opțiuni, ferestre pop-up, slide-inuri, distribuiri sociale și încorporare – Hustle vă ajută să le creați pe toate, concepute pentru a genera rezultate și a converti vizitatorii.
Este ușor să construiți module cu aspect grozav în câteva minute cu șabloanele Hustle concepute profesional (18 și în număr).
Toate sunt receptive pentru dispozitive mobile și vin cu o varietate de formulare de înscriere pentru e-mail și modele informaționale (de exemplu, utilizatorii fac clic pe un buton și sunt trimiși la o altă pagină).
Hustle vine atât în versiunea gratuită, cât și în versiunea pro. Ambele vă oferă toate aceleași setări și opțiuni grozave.
Singura diferență este că versiunea Pro vine cu înscrieri nelimitate, conținut personalizat și partajare socială.
Vrei mai mult Hustle? Consultați aceste articole pline de informații pe blog:
- Cum să profitați la maximum de agitație
- Cum să utilizați condițiile de vizibilitate în Hustle
- Cum să obțineți cei mai mulți abonați de e-mail folosind Hustle
Cât de mult puteți taxa pentru paginile de destinație și serviciile de generare de clienți potențiali?
F5 Studio , o ținută de dezvoltare web de succes, care este în afaceri din 2013, are un articol grozav care dezvăluie elementele de design și ceea ce este inclus în prețurile paginii de destinație.
Ei spun că agențiile digitale taxează de la aproximativ 600 USD la 3.000 USD pentru a crea o pagină de destinație statică și de la 2.000 USD la 5.000 USD pentru o pagină de destinație dinamică.
Brimar , o agenție de marketing cu servicii complete și premiată, a împărtășit aceste informații despre costul paginii de destinație, susținând că o agenție poate percepe între 300 și 3.000 USD per pagină de destinație, în funcție de complexitatea proiectului și de obiectivele de afaceri ale clienților.
În general, costul creării unei pagini de destinație variază în funcție de domeniul complet al jobului și de cât de multă muncă va fi implicată.
Interval mediu de preț pentru pagina de destinație și serviciile de conversie: 300 USD-5.000 USD
Web Design Service 4: Proiecte de reproiectare/rebrand
Există mai multe motive pentru care un client ar putea beneficia de sau dorește o reproiectare a site-ului web. Cele mai frecvente sunt:
- Aspectul general și senzația este depășită sau neatrăgătoare.
- Identitatea afacerii nu este bine reflectată în design sau în curând nu se va datora unei rebranding planificate.
- Utilizabilitatea este slabă, îngreunând navigarea și limitând conversiile.
„Este deosebit de important pentru o revizuire completă (interfața de utilizare ar putea necesita o regândire completă) dacă încercați să atrageți un public complet diferit, de exemplu, dacă un site web se schimbă de la b2c la b2b.” – Marianna (membru WPMU DEV)
Ce este implicat și instrumentele care vă ajută să oferiți un serviciu de reproiectare
Înțelegerea experienței utilizatorului este cheia. Dacă ratele de interacțiune/conversie ale unui site sunt mult mai mici decât traficul pe site, ar trebui să te uiți la analiza comportamentului.
Hotjar și Crazy Egg pentru informații UX
Instrumente precum Hotjar și Crazy Egg pot oferi o perspectivă excelentă asupra designului/utilizabilității UX a unui site.
Prin observarea comportamentului înregistrat de ecran, puteți identifica orice zone slabe și puteți face upgrade pe baza datelor de utilizare reală.
Hotjar oferă serviciul lor gratuit, până la o mie de dolari (pe lună), în funcție de caracteristicile de care aveți nevoie și pentru câte sesiuni („Observați”) sau răspunsurile („Întrebați”).
Prețul Crazy Egg include 5 pachete diferite, de la mai puțin de treizeci de dolari pe lună, până la prețul oferit. Fiecare nivel permite cantități mai mari de servicii (cum ar fi vizualizări de pagină urmărite, instantanee și înregistrări).
Aflarea unde clienții își mută mouse-ul și unde fac clic, pe ce se concentrează față de ceea ce ignoră, elimină orice îndoială și presupuneri, permițându-vă să vă concentrați asupra zonelor evidențiate în mod special ca fiind pregătite pentru îmbunătățire.
Cât de mult puteți taxa pentru serviciile de reproiectare?
Reproiectările sunt foarte asemănătoare cu noile modele în ceea ce privește efortul general necesar. Ele implică multe dintre aceleași elemente, instrumente și cerințe de timp.
Singura diferență de preț cu o reproiectare ar fi costul suplimentar al instrumentelor de perspectivă UX, așa cum s-a explicat mai sus.
În ceea ce privește costurile generale de reproiectare web, participanții la un sondaj global recent de reproiectare au dezvăluit câteva statistici cheie:
- Costul mediu pentru proiectarea unui site web (cu caracteristici de bază): 3.200 USD
- Timp mediu pentru proiectarea unui site web (cu caracteristici de bază): 2 luni
- Principalul motiv pentru care oamenii angajează un designer web profesionist (mai degrabă decât să folosească software de creare de site-uri): capacitatea de a personaliza complet.
Indiferent de motivul din spatele unei reproiectări, este important să se stabilească în avans care sunt așteptările în ceea ce privește domeniul și costul.
Observăm o medie de 3.000 USD și un interval de timp de aproximativ două luni pentru proiecte web/reproiectări complete. Luați în considerare durata medie de construcție și ce servicii veți include pentru a vă ajuta să vă stabiliți prețurile.
Interval mediu de preț pentru reproiectarea site-ului web: 2.000 USD-4.000 USD
Împreună toate componentele dvs. de web design
După ce ați adunat informații și le-ați luat în considerare, acum puteți construi un meniu adaptat în mod unic serviciilor dvs. de web design, oferind acces ușor (și propunere de valoare) clienților interesați.
Un exemplu de meniu complet de servicii de design:
Iată un exemplu cu care am venit, care include variații ale prețurilor elementare, în funcție de componentele incluse și de munca preconizată implicată.
Începeți să oferiți servicii de web design clienților dvs
Sperăm că ați luat câteva informații valoroase din această privire detaliată asupra ofertei de servicii de web design.
Dacă aveți nevoie de mai multe sfaturi sau clarificări despre orice discutat în articol, nu ezitați să ne întrebați în comentariile de mai jos.
Există o mulțime de mingi de păstrat în aer ca Dezvoltator Web. La WPMU DEV, scopul nostru este să ajutăm să facem acest proces cât mai ușor posibil.
Dacă sunteți interesat să încercați platforma noastră, planul nostru gratuit este cel mai bun loc pentru a începe. Include management nelimitat de site, facturare încorporată, pluginuri și multe altele.