scrierea propunerilor de design web este un proces obositor și monoton. Este o mulțime de muncă care, în cele din urmă, s-ar putea să nu se descurce prea mult.

tu, ca cele mai multe reclame, probabil, ar petrece mai degrabă timp de fapt de lucru decât împingând perspectivele prin pâlnii de vânzări. Dar dacă nu vă faceți timp să lucrați la propunerile dvs., atunci dvs. și afacerea dvs. veți fi într-o murătură.

ca designer calificat, sunteți mai mult decât capabil să proiectați site—uri web-dar cât de confortabil le vindeți? Câștigi la fel de multe afaceri pe cât ai putea fi?

propunerea dvs. de proiect poate fi un factor de make-or-break în proiectele de proiectare a aterizării, astfel încât stăpânirea ambarcațiunii este critică. În această postare, vă vom arăta cele opt secțiuni pe care trebuie să le aibă fiecare propunere de design de site web și vă vom oferi un șablon gratuit pe care îl puteți utiliza pentru a începe să câștigați mai multă muncă astăzi.

Să mergem în:

• prezentarea problemei rezolvate
• explicarea soluției dvs.
• prezentarea proiectului
• prezentarea procesului dvs.
• explicarea următorilor pași
• livrarea costului
• sfaturi și trucuri pentru prezentarea propunerii dvs.

prezentarea dvs.

propunerile de proiecte ar trebui să ajute clienții să înțeleagă ce primesc în—nu le copleșească cu detalii.

(expune propunerea folosind InVision cu mâna liberă.)

introducerea dvs. ar trebui să reflecte (ușor) conversațiile pe care ar fi trebuit să le aveți deja despre nevoile clientului. Informațiile pe care ați putea dori să le includeți sunt:

• numele clientului
• Titlul proiectului (problema rezolvată)
• numele și titlul punctului dvs. de contact
• numele și titlul dvs.
• data depunerii

Iată un exemplu de secțiune de introducere bună:

Prezentare generală a problemei

după ce vă prezentați prospectului, primul element care urmează într-o propunere de design web de succes este prezentarea generală a problemei. Clientul ar trebui să citească acest lucru și să știe:

• există o problemă sau o oportunitate pentru afacerea lor pe care nu o valorifică.
• aveți o înțelegere completă și profundă a problemelor și nevoilor lor.

înțelegerea problemelor de bază cu care se confruntă clientul dvs. vă va ajuta să vă definiți atât responsabilitățile, cât și domeniul de aplicare al proiectului. Acest lucru oferă clientului un motiv să creadă în tine și în procesul tău.

cele mai bune propuneri de web design sunt cele care plasează nevoile și necesitățile clientului în centrul atenției și fac perspectiva să simtă și să creadă că le puteți rezolva problemele. De exemplu:

Prezentare generală a soluției

după ce ați petrecut timp cercetând istoricul companiei și vorbind cu părțile interesate, ar trebui să înțelegeți problema lor și să începeți să formulați o soluție. Este responsabilitatea dvs. să explicați beneficiile de afaceri ale practicii dvs. de proiectare.

(consultați modelul de maturitate al designului InVision)

folosind limbajul de afaceri pentru a explica impactul pozitiv al designului asupra problemelor lor, vă veți poziționa ca o figură cheie în conducerea viitorului lor succes în afaceri. De exemplu, puteți demonstra valoare explicând modul în care noul design poate spori veniturile și îmbunătăți brandingul lor.

Tip: Când vă prezentați ideile și soluțiile potențiale, încercați să anticipați conversațiile pe care perspectiva le are probabil în cadrul organizației lor, ce limbă folosesc și lăsați secțiunea de soluții să prezinte o scufundare profundă în cunoștințele dvs. despre problema lor. Înapoi la exemplul nostru anterior:

livrabile

aici va trebui să descrieți exact ceea ce veți livra ca parte a proiectului.

aceasta este o secțiune importantă, dar mai mult pentru ceea ce excludeți decât pentru ceea ce includeți. Domeniul de aplicare creep este o problemă comună în designul site-ului web, în special dacă lucrați cu întreprinderi mici relativ neexperimentate și poate fi prevenită numai prin stabilirea unor obiective și așteptări clare.

de exemplu, puteți fi de acord să le proiectați un site web, dar apoi să vă dați seama că nu au un logo. Cu ce te ocupi? Aveți nevoie de un logo pentru a pune pe site-ul lor, deci îl proiectați?

Iată un exemplu:

prezentarea generală a procesului

odată ce ați subliniat clar ce Problemă, Soluție și livrabile, următoarea secțiune va face o scufundare profundă în execuție și va schița modul în care veți merge la crearea site-ului web și la rezolvarea problemei clientului.

în această secțiune, veți dori să:

• schițați diferitele etape ale procesului
• schițați o cronologie de bază, astfel încât clientul să știe când să se aștepte la fiecare livrabil
• schițați așteptările dvs. de la client, astfel încât să știe ce trebuie să facă și când să ajute proiectul să rămână pe drumul cel bun

procesul de proiectare și construire a unui site web arată diferit pentru fiecare client și depinde de mulți factori diferiți. Cel mai rău lucru pe care îl puteți face este să pierdeți un pas specific clientului în conturul dvs. și să vă resetați așteptările la mijlocul proiectului-și să pierdeți inevitabil timp și bani.

pentru a vă ajuta să evitați acest lucru, aici este o listă de pași tipice în procesul de dezvoltare site-ul ar trebui să ia în considerare:

• cercetare (utilizatori, concurenți, etc)
• Wireframing
• Sitemaps
• modele inițiale, plus orice revizuiri
• dezvoltare
• configurarea și configurarea CMS
• testare și QA pe browsere și dispozitive
• formare

iată un exemplu de secțiune de proces aprofundată:

costul

această secțiune finală este adesea în cazul în care o propunere de web design este câștigat—sau pierdut.

înainte de a începe să lucrați la propunerea dvs., întrebați-vă clientul care este bugetul total. Deși acest lucru poate fi înfricoșător și s-ar putea să ai senzația că încalci o anumită linie, nu ești. Nu este neobișnuit ca o perspectivă să se îndrepte spre oferte cu o figură predeterminată în mintea lor.

(eficientizarea munca client folosind Invision Meșteșug.)

discutarea bugetului prospectului în aer liber înainte de a crea propunerea este un scenariu pozitiv pentru amândoi. Această conversație îi va ajuta să dezvolte un buget pentru proiect și, de asemenea, vă va anunța dacă proiectul merită sau nu din punct de vedere financiar pentru dvs. înainte de a depune munca grea de a dezvolta o propunere.

în timp ce s-ar putea fi un ghicitor și ghici bugetul lor, cel mai adesea veți depășire și scoate-te din funcționare complet. Sau vă veți subprice atât de sever încât veți lăsa în urmă o grămadă de bani.

odată ce ați luat bugetul clientului, propunerea dvs. de design web ar trebui să prezinte defalcarea costurilor într-un mod clar și plăcut pentru perspectiva dvs.

este adesea util să-l legați înapoi la procesul prin care veți trece (mai ales dacă percepeți o taxă orară sau o taxă de proiect bazată pe ore). Acest lucru face foarte ușor pentru perspective să înțeleagă modul în care diferitele aspecte ale proiectului se reunesc pentru a forma costul total.

Iată un exemplu:

puteți utiliza instrumente precum InVision Studio, InDesign sau chiar Photoshop pentru a macheta tabele de prețuri frumoase precum cele de mai sus sau puteți crea unul mai de bază în Word sau Google Docs dacă acolo scrieți propunerea.

alternativ, instrumente de propuneri dedicate, cum ar fi Qwilr, facilitează crearea unor machete de prețuri frumoase ca acesta. Puteți face chiar anumite secțiuni sau elemente de linie opționale, astfel încât perspectiva dvs. să poată selecta dacă doresc acel upsell suplimentar (adică trimiterea la motoarele de căutare), ceea ce vă poate ajuta să faceți un pic mai mult pe fiecare proiect.

apel la acțiune

acum, că toate informațiile sunt acolo, inclusiv livrabilele, procesul și costurile, este timpul să îi îndemnăm pe cei interesați să facă următorii pași: să accepte propunerea dvs. și să înceapă proiectul,t.

în mod ideal, veți dori să le oferiți o modalitate de a accepta și de a semna propunerea imediat. Dacă trimiteți propunerea dvs. ca PDF, Word sau Google Doc, acest lucru poate fi puțin dificil, deoarece nu au cu adevărat funcții de acceptare sau semnătură încorporate.

pentru a rezolva acest lucru, puteți face oricare dintre următoarele:

• cereți prospectului să vă trimită un e-mail spunând ceva de genul „Vă rugăm să continuați”
• Link către contract (sau alt acord obligatoriu) într-un instrument precum Docusign, care le oferă posibilitatea de a accepta și semna.

alternativ, dacă utilizați un instrument de propunere dedicat, acesta va permite prospectului dvs. să accepte și să semneze propunerea chiar acolo din interiorul acesteia.

Iată un exemplu:

orice ai face, nu forța clientul potențial pentru a imprima propunerea dumneavoastră, semnați-l, scanați-l și trimite-l înapoi. Acest lucru consumă mult timp, mai ales dacă cineva nu are acces imediat la o imprimantă, iar cercetările arată că crește dramatic timpul necesar pentru a obține documentele semnate.

(În plus, nu este ecologic.)

sfaturi Bonus

trimiteți propunerea dvs. ca pagină web

Dacă trimiteți propunerile într-un format de document precum PDF, este posibil să o faceți greșit. La urma urmei, PDF-ul a fost inventat în același deceniu cu Palm Pilot și nu-mi pot imagina că mai folosiți un Palm Pilot.

trimițând propunerea dvs. ca pagină web în loc de PDF, obțineți următoarele avantaje:

• responsivitate: paginile Web sunt receptive, ceea ce înseamnă că arată excelent pe toate desktop-urile, tabletele și dispozitivele mobile. Cu majoritatea e-mailurilor deschise pe dispozitivele mobile în aceste zile, vă asigurați că clienții dvs. au o experiență excelentă cu propunerea dvs.
• securitate: Paginile Web nu numai că pot fi protejate prin parolă, dar puteți adăuga și limite de timp care vă asigură că propunerile dvs. nu pot fi vizualizate după o anumită dată, precum și limite de vizualizare, astfel încât acestea să poată fi vizualizate doar de un anumit număr de ori. Puteți solicita chiar și perspectivele să vă conectați folosind adresa lor de e-mail de lucru înainte de a vizualiza pagina pentru a vă asigura că numai persoanele potrivite o văd.
• interactivitate: paginile Web pot avea conținut interactiv cum ar fi video, audio, hărți, formulare, foi de calcul, prototipuri InVision și mai mult încorporate în ele. Puteți adăuga chiar și lucruri cum ar fi calculatoare de stabilire a prețurilor, care permit perspectivele pentru a vedea ceea ce de stabilire a prețurilor ar arata ca atunci când se adaugă că upsell suplimentare.
• Trackability: fiecare interacțiune pe care clienții potențiali o au cu o pagină web poate fi urmărită, astfel încât să puteți vedea când vă vizualizează propunerea, cât timp, ce conținut vizualizează, de unde vizionează și multe altele.
• accesibilitate: Deoarece paginile web folosesc marcaje HTML clare, instrumentele de accesibilitate precum cititoarele de ecran sunt capabile să—și dea seama ce conținut Este pe pagină-ceea ce înseamnă că cei 50 de milioane de americani care au un handicap nu vor avea probleme în accesarea propunerilor și documentelor dvs. (și nu veți cădea în afoul Oficiului pentru Drepturi Civile).
• Editability: spre deosebire de un PDF, paginile web pot fi editate în orice moment, chiar și după ce l-ați trimis prospectului. Deci, dacă descoperiți că ați făcut o greșeală de scriere, puteți intra rapid și o puteți schimba înainte ca cineva să observe.

instrumente precum Qwilr facilitează crearea propunerilor dvs. și a altor documente de vânzări și marketing ca pagini web. Utilizați interfața WYSIWYG pentru a adăuga text, fotografii, videoclipuri, prototipuri și multe altele la propunerea dvs. și când ați terminat, pur și simplu trimiteți un e-mail potențialului dvs. client un link în loc să atașați un PDF.

începeți cu un șablon

la fel cum kiturile UI și temele CMS vă oferă un început în proiectarea și construirea site-urilor, există câteva șabloane excelente de propuneri de design de site-uri web, cum ar fi acesta de la Qwilr, care vă pot oferi un început în crearea unei propuneri grozave.

acestea vin cu conținut pre-scris, cum ar fi secțiunile menționate mai sus, imagini frumoase, tabele de prețuri și multe altele și pot reduce semnificativ timpul necesar pentru a crea și trimite propuneri.

(consultați șablonul de propunere aici.)

reciclați cel mai bun conținut

probabil că veți scrie multe propuneri de design de site-uri web pe parcursul carierei dvs. și nu are sens să începeți de la zero de fiecare dată.

așa că vă recomand să faceți una sau mai multe dintre următoarele:

• Salvați propunerile care vă plac într-un loc dedicat: dacă ați creat o propunere pe care o considerați deosebit de bună, salvați-o într-un loc dedicat, mai degrabă decât să o lăsați adânc în Google Drive sau Dropbox dezorganizate. În acest fel, atunci când trebuie să creați o altă propunere, puteți reveni cu ușurință la ea, puteți face câteva modificări și o puteți trimite.
• Salvați secțiuni pe care nu le schimbați prea mult: există anumite secțiuni ale propunerilor de design de site web care nu se schimbă prea mult de la propunere la propunere. Lucruri precum ‘Despre noi’ și ‘echipa noastră’ sunt exemple excelente și chiar și secțiunea ‘Costuri’ poate fi adesea destul de similară dacă faceți tipuri similare de proiecte din nou și din nou. Așadar, faceți un pic de fișier glisant (chiar dacă este doar într-un Google Doc sau Word Doc) unde renunțați la o parte din acest conținut reutilizabil, apoi îl puteți copia și lipi cu ușurință în noi propuneri în viitor.

unghii propunerea

scris câștigătoare propuneri de web design poate fi o scurgere de timp și resurse, nu există nici o îndoială. Dar dacă începeți să vă gândiți la propunerile dvs. ca și cum ați fi un utilizator final și optimizați experiența reală a utilizatorului prospectării dvs. de vânzări, vă puteți transforma eforturile într-un canal de vânzări solid.

cu un pic de timp și ingeniozitate, revizuirea propunerilor dvs. de design web vă poate îmbunătăți dramatic rata de închidere. Modernizați-vă documentele astăzi cu secțiunile pe care le-am discutat mai sus și începeți să încheiați oferte! Pentru a obține un început, iată un link către un șablon gratuit de propunere de proiectare a site-ului web.