Het schrijven van web ontwerp voorstellen is een vervelend, eentonig proces. Het is een hoop werk dat, op het einde, misschien niet uit te veel.

u zou, net als de meeste creatievelingen, waarschijnlijk liever tijd besteden aan het daadwerkelijk werken dan prospects door verkoopkanalen te duwen. Maar als je niet de tijd neemt om aan je voorstellen te werken, dan zitten jij en je bedrijf in de problemen.

als ervaren ontwerper bent u meer dan in staat om websites te ontwerpen—maar hoe comfortabel verkoopt u ze? Win je zoveel zaken als je maar kunt?

uw projectvoorstel kan een “make-or-break” factor zijn in landingsprojecten, dus het beheersen van het vaartuig is van cruciaal belang. In deze post, we zullen u de acht secties die elke website ontwerp voorstel moet hebben, en geven u een gratis sjabloon die u kunt gebruiken om te beginnen met het winnen van meer werk vandaag.

laten we ingaan op:

• uw inleiding
• het probleem presenteren dat wordt opgelost
• uw oplossing uitleggen
• een projectoverzicht geven
• uw proces schetsen
• uitleg over de volgende stappen
• het leveren van de kosten
• Tips en trucs voor het presenteren van uw voorstel

uzelf voorstellen

projectvoorstellen worden verondersteld cliënten te helpen begrijpen wat ze zijn krijgen in—niet overweldigen hen met details.

(leg uw voorstel uit met behulp van InVision Freehand.)

uw introductie moet (licht) de gesprekken weergeven die u al had moeten hebben over de behoeften van de client. Stukjes informatie die u misschien wilt opnemen zijn:

• Clientnaam
• Projecttitel (het probleem wordt opgelost)
• naam en titel van uw contactpunt
• uw naam en titel
• Datum van indiening

Hier is een voorbeeld van een goede inleiding sectie:

Probleemoverzicht

nadat u uzelf hebt voorgesteld aan het prospect, is het eerste element dat volgt in een succesvol webdesignvoorstel het probleemoverzicht. De client moet dit lezen en weten:

• Er is een probleem of mogelijkheid voor hun bedrijf dat ze niet benutten.
• u hebt een volledig, diepgaand begrip van hun problemen en hun behoeften.

inzicht in de kernproblemen waarmee uw cliënt wordt geconfronteerd, zal u helpen om zowel uw verantwoordelijkheden als de reikwijdte van het project te definiëren. Dit geeft de cliënt een reden om in u en uw proces te geloven.

de beste voorstellen voor webdesign zijn degenen die de behoeften en benodigdheden van de klant in de schijnwerpers plaatsen en de prospect laten voelen en geloven dat u hun problemen kunt oplossen. Bijvoorbeeld:

Oplossingsoverzicht

nadat u tijd hebt besteed aan het onderzoeken van de geschiedenis van het bedrijf en met belanghebbenden hebt gesproken, moet u hun probleem begrijpen en een oplossing beginnen te formuleren. Het is uw verantwoordelijkheid om de zakelijke voordelen van uw ontwerppraktijk uit te leggen.

(bekijk Invision ‘ s Design Maturity Model)

door zakelijke taal te gebruiken om de positieve impact van design op hun problemen uit te leggen, positioneer je jezelf als een sleutelfiguur in het aansturen van hun toekomstig zakelijk succes. U kunt bijvoorbeeld waarde aantonen door uit te leggen hoe het nieuwe ontwerp de omzet kan verhogen en hun branding kan verbeteren.

Tip: Bij de presentatie van uw ideeën en potentiële oplossingen, proberen om te anticiperen op de gesprekken die het vooruitzicht is waarschijnlijk binnen hun organisatie, welke taal ze gebruiken, en laat uw oplossing sectie presenteren een diepe duik in uw kennis van hun probleem. Terug naar ons vorige voorbeeld:

Deliverables

Dit is waar u precies moet schetsen wat u als onderdeel van het project zult leveren.

Dit is een belangrijke sectie, maar meer voor wat je uitsluit dan voor wat je insluit. Scope creep is een veel voorkomend probleem in website ontwerp, vooral als je werkt met relatief onervaren kleine bedrijven, en het kan alleen worden voorkomen door het instellen van duidelijke doelstellingen en verwachtingen.

u kunt bijvoorbeeld akkoord gaan met het ontwerpen van een website, maar dan realiseren dat ze geen logo hebben. Wat doe je voor werk? Je hebt een logo nodig om op hun website te zetten, dus ontwerp je het?

Hier is een voorbeeld:

het procesoverzicht

zodra u duidelijk hebt geschetst wat het probleem, de oplossing en de deliverables zijn, zal de volgende sectie een diepe duik in de uitvoering nemen en schetsen hoe u de website gaat maken en het probleem van de client gaat oplossen.

In deze sectie wilt u:

• schetst de verschillende stappen in het proces
• schetst een basistijdlijn, zodat de client weet wanneer elke leverbare
• uw verwachtingen van de client kan verwachten, zodat ze weten wat ze moeten doen en wanneer het project op schema kan blijven

het proces van het ontwerpen en bouwen van een website ziet er voor elke client anders uit en is afhankelijk van veel verschillende factoren. Het ergste wat je kunt doen is het missen van een klant-specifieke stap in uw outline en hebben om hun verwachtingen te resetten mid-project—en onvermijdelijk tijd en geld te verliezen.

om u te helpen dit te voorkomen, is hier een lijst van typische stappen in het ontwikkelingsproces van de website die u moet overwegen:

• onderzoek (gebruikers, concurrenten, enz.)
• Wireframing
• Sitemaps
• initiële ontwerpen plus eventuele revisies
• ontwikkeling
• instellen en configureren van CMS
• testen en QA op browsers en apparaten
• training

Hier is een voorbeeld van een grondige proces sectie:

de kosten

Deze laatste sectie is vaak waar een webontwerp voorstel wordt gewonnen—of verloren.

voordat u zelfs maar begint te werken aan uw voorstel, vraag uw cliënt wat hun totale budget is. Hoewel dit eng kan zijn en je misschien het gevoel krijgt dat je inbreuk maakt op een lijn, ben je dat niet. Het is niet ongewoon voor een prospect om het hoofd in biedingen met een vooraf bepaalde figuur aan hun hoofd.

(Stroomlijn uw klantenwerk met behulp van Invision Craft.)

het bespreken van het budget van de prospect in het openbaar voordat u het voorstel maakt, is een positief scenario voor u beiden. Dit gesprek zal hen helpen bij het ontwikkelen van een budget voor het project, en het zal je ook laten weten of het project financieel de moeite waard is voor u voordat u in het harde werk van het ontwikkelen van een voorstel.

hoewel je misschien een waarzegster bent en hun budget raadt, zul je vaker wel dan niet te veel schieten en jezelf helemaal uit de running halen. Of je zult jezelf zo veel te duur maken dat je een hoop geld achterlaat.

zodra u het budget van de klant hebt, moet uw webdesignvoorstel de verdeling van de kosten op een duidelijke en smakelijke manier aan uw prospect presenteren.

Het is vaak handig om het terug te koppelen aan het proces dat u zult doorlopen (vooral als u een uurtarief in rekening brengt of een projectkosten die gebaseerd zijn op uren). Dit maakt het echt gemakkelijk voor prospects om te begrijpen hoe de verschillende aspecten van het project samenkomen om de totale kosten te vormen.

Hier is een voorbeeld:

u kunt tools zoals Invision Studio, InDesign of zelfs Photoshop gebruiken om mooie prijstabellen zoals hierboven te mockup, of u kunt een meer basic tabel maken in Word of Google Docs als dat is waar u uw voorstel schrijft.

als alternatief, speciale proposal tools zoals Qwilr maken het gemakkelijk om mooie prijzen lay-outs als deze te maken. U kunt zelfs bepaalde secties of line items optioneel, zodat uw prospect kan selecteren of ze willen dat extra upsell (dwz indiening bij zoekmachines), die u kunnen helpen een beetje extra op elk project.

Call to action

nu alle informatie beschikbaar is, inclusief de deliverables, het proces en de kosten, is het tijd om de prospect te vragen de volgende stappen te nemen: om uw voorstel te accepteren en het project te starten, t.

idealiter wilt u hen een manier geven om het voorstel meteen te accepteren en af te tekenen. Als u uw voorstel als PDF, Word of Google Doc verzendt, kan dit een beetje moeilijk zijn omdat ze niet echt ingebouwde acceptatie-of handtekeningfuncties hebben.

om dit op te lossen, kunt u het volgende doen:

• vraag de prospect om u een e-mail te sturen met iets als “please proceed”
• Link naar contract (of andere bindende overeenkomst) in een tool als Docusign, die hen de mogelijkheid geeft om te accepteren en te ondertekenen.

Als u een speciale proposal tool gebruikt, zal het uw prospect toestaan om het voorstel daar te accepteren en te ondertekenen.

Hier is een voorbeeld:

wat u ook doet, dwing uw toekomstige client niet om uw voorstel af te drukken, te ondertekenen, te scannen en terug te sturen. Dat is tijdrovend, vooral als iemand geen directe toegang heeft tot een printer, en onderzoek toont aan dat het de tijd die nodig is om documenten af te tekenen drastisch verhoogt.

(Plus, het is niet milieuvriendelijk.)

Bonustips

stuur uw voorstel als een webpagina

Als u uw voorstellen in een documentformaat zoals PDF verzendt, doet u het mogelijk verkeerd. De PDF is immers uitgevonden in hetzelfde decennium als de Palm Pilot, en ik kan me niet voorstellen dat je nog een Palm Pilot gebruikt.

door het verzenden van uw voorstel als een webpagina in plaats van als een PDF, krijgt u de volgende voordelen:

• responsiviteit: webpagina ‘ s reageren, wat betekent dat ze er geweldig uitzien op alle desktop, tablet en mobiele apparaten. Met de meerderheid van e-mail wordt geopend op mobiele apparaten deze dagen, u zorgt ervoor dat uw leads hebben een geweldige ervaring met uw voorstel.
• veiligheid: Webpagina ‘ s kunnen niet alleen met een wachtwoord worden beveiligd, maar u kunt ook tijdslimieten toevoegen die ervoor zorgen dat uw voorstellen niet na een bepaalde datum kunnen worden bekeken, evenals weergavelimieten, zodat ze slechts een bepaald aantal keren kunnen worden bekeken. U kunt zelfs prospects vereisen om in te loggen met behulp van hun e-mailadres voor het bekijken van de pagina om ervoor te zorgen dat alleen de juiste mensen zien.
• interactiviteit: webpagina ‘ s kunnen interactieve inhoud bevatten zoals video, audio, kaarten, formulieren, spreadsheets, Invision Prototypes en meer. Je kunt zelfs dingen toevoegen zoals prijsrekenmachines die prospects in staat stellen om te zien hoe de prijs zou eruit zien als ze die extra upsell toevoegen.
• Trackability: elke interactie die uw leads hebben met een webpagina kan worden gevolgd, zodat u kunt zien wanneer ze uw voorstel bekijken, voor hoe lang, welke inhoud ze bekijken, waar ze vanaf bekijken, en meer.
• toegankelijkheid: Omdat webpagina ‘ s duidelijke HTML—opmaak gebruiken, zijn toegankelijkheidstools zoals schermlezers in staat om erachter te komen welke inhoud er op de pagina staat-wat betekent dat de 50 miljoen Amerikanen die een handicap hebben geen moeite hebben om toegang te krijgen tot uw voorstellen en documenten (en u zult niet in de problemen komen met het Office for Civil Rights).
• bewerkbaarheid: in tegenstelling tot een PDF kunnen webpagina ‘ s op elk moment worden bewerkt, zelfs nadat u het naar de prospect hebt verzonden. Dus als je ontdekt dat je een typefout hebt gemaakt, kun je snel naar binnen gaan en het veranderen voordat iemand het merkt.

Tools zoals Qwilr maken het eenvoudig om uw voorstellen en andere verkoop-en marketingdocumenten als webpagina ‘ s te maken. U gebruikt de WYSIWYG-interface om tekst, foto ‘s, video’ s, prototypes en meer toe te voegen aan uw voorstel en wanneer u klaar bent, E-mail je gewoon uw potentiële klant een link in plaats van het toevoegen van een PDF.

begin met een sjabloon

net als UI kits en CMS thema ‘ s geven u een voorsprong op het ontwerpen en bouwen van sites, er zijn een aantal geweldige website ontwerp voorstel sjablonen die er zijn, zoals deze van Qwilr, die kan geven u een voorsprong op het maken van een geweldig voorstel.

ze worden geleverd met vooraf geschreven inhoud zoals de hierboven genoemde secties, mooie afbeeldingen, prijstabellen en meer en kunnen de hoeveelheid tijd die u nodig hebt om voorstellen te maken en te verzenden aanzienlijk verminderen.

(Bekijk hier het voorstel sjabloon.)

Recycle uw beste content

Het is waarschijnlijk dat u in de loop van uw carrière veel voorstellen voor website-ontwerp zult schrijven, en het heeft geen zin om elke keer opnieuw te beginnen.

dus ik raad aan om een of meer van de volgende dingen te doen:

• sla voorstellen op die je leuk vindt op een speciale plek: als je een voorstel hebt gemaakt waarvan je denkt dat het bijzonder goed is, sla het dan op een speciale plek op in plaats van het alleen maar diep in je ongeorganiseerde Google Drive of Dropbox te laten. Op die manier, wanneer je nodig hebt om een ander voorstel te maken kunt u gemakkelijk terug te komen naar het, Maak een paar bewerkingen, en stuur het uit.
• sla secties op die u niet veel verandert: er zijn bepaalde secties van website design voorstellen die niet veel veranderen van voorstel tot voorstel. Dingen als ‘ over ons ‘en’ ons Team ‘zijn goede voorbeelden, en zelfs de’ kosten ‘ sectie kan vaak heel vergelijkbaar zijn als je doet soortgelijke soorten projecten over en weer. Dus maak een beetje van een swipe-bestand (zelfs als het alleen in een Google-Doc of Word-Doc) waar u vallen in een aantal van deze herbruikbare inhoud, en dan kunt u gemakkelijk kopiëren en plakken in nieuwe voorstellen in de toekomst.

Nail the proposal

het schrijven van winnende webdesignvoorstellen kan een verspilling van tijd en middelen zijn, er is geen twijfel. Maar als je begint na te denken over uw voorstellen alsof je een eindgebruiker en het optimaliseren van de werkelijke gebruikerservaring van uw sales prospectie, kunt u uw inspanningen om te zetten in een solide verkoopkanaal.

met een beetje tijd en vindingrijkheid kan het vernieuwen van uw webdesign voorstellen uw close rate drastisch verbeteren. Revamp uw documenten vandaag met de secties die we hierboven besproken en beginnen met het sluiten van deals! Om een voorsprong te krijgen, hier is een link naar een gratis website ontwerp voorstel sjabloon.