Articles

de 7 avsnitten du behöver ha i ditt webbplatsdesignförslag för att vinna kunder + gratis mall

skriva webbdesignförslag är en tråkig, monotont process. Det är mycket arbete som i slutändan kanske inte panorerar för mycket.

Du, som de flesta annonsmaterial, skulle förmodligen hellre spendera tid på att arbeta än att driva utsikterna genom försäljningstrattar. Men om du inte tar dig tid att arbeta med dina förslag, kommer du och ditt företag att vara i en pickle.

som en skicklig designer är du mer än kapabel att designa webbplatser—men hur bekväm säljer du dem? Vinner du så mycket affärer som du kan vara?

ditt projektförslag kan vara en make-or-break-faktor vid landningsdesignprojekt, så mastering av hantverket är kritiskt. I det här inlägget visar vi dig de åtta avsnitten som varje webbplatsdesignförslag måste ha och ger dig en gratis mall som du kan använda för att börja vinna mer arbete idag.

Låt oss gå in:

  • lägga ut din introduktion
  • presentera problemet som löses
  • förklara din lösning
  • ge en projektöversikt
  • förklara din process
  • förklara nästa steg
  • leverera kostnaden
  • Tips och tricks för att presentera ditt förslag

introducera dig själv

projektförslag ska hjälpa kunderna att förstå vad de får in—inte överväldiga dem med detaljer.

(lägg ut ditt förslag med InVision Freehand.)

din introduktion bör (lätt) återspegla de samtal du redan borde ha haft om kundens behov. Bitar av information som du kanske vill inkludera är:

  • Klientnamn
  • projekttitel (problemet löses)
  • namn och titel på din kontaktpunkt
  • ditt namn och titel
  • inlämningsdatum

Här är ett exempel på en bra introduktionssektion:

logotyp, projektnamn, Klientnamn, designernamn, datum. Kolla, kolla, kolla.

Problemöversikt

När du presenterar dig för utsikterna är det första elementet som följer i ett framgångsrikt webbdesignförslag problemöversikten. Klienten bör läsa detta och veta:

  • Det finns ett problem eller möjlighet för deras verksamhet som de inte kapitaliserar på.
  • Du har en fullständig, djup förståelse för deras problem och deras behov.

att förstå de kärnproblem som din klient står inför hjälper dig att definiera både ditt ansvar och projektets omfattning. Att göra detta ger kunden en anledning att tro på dig och din process.

de bästa webbdesignförslagen är de som placerar kundens behov och nödvändigheter i rampljuset och får utsikterna att känna och tro att du kan lösa deras problem. Till exempel:

Visa utsikterna att du bryr dig.

Lösningsöversikt

Efter att ha spenderat tid på att undersöka företagets historia och prata med intressenter bör du förstå deras problem och börja formulera en lösning. Det är ditt ansvar att förklara affärsfördelarna med din designpraxis.

(kolla in InVision ’ s Design Maturity Model)

genom att använda affärsspråk för att förklara designs positiva inverkan på deras problem kommer du att positionera dig själv som en nyckelfigur för att driva deras framtida affärsframgång. Du kan till exempel visa värde genom att förklara hur den nya designen kan öka intäkterna och förbättra deras varumärke.

tips: När du presenterar dina ideer och potentiella lösningar, försök att förutse de samtal utsikterna sannolikt har inom sin organisation, vilket språk de använder och låt din lösningsavdelning presentera ett djupt dyk i din kunskap om deras problem. Tillbaka till vårt tidigare exempel:

detta avsnitt visar förmågan att förstå utsikterna problem samtidigt uppfylla alla deras behov.

Deliverables

Här måste du beskriva exakt vad du kommer att leverera som en del av projektet.

detta är ett viktigt avsnitt, men mer för vad du utesluter än för vad du inkluderar. Scope creep är ett vanligt problem i webbdesign, särskilt om du arbetar med relativt oerfarna småföretag, och det kan bara förhindras genom att sätta tydliga mål och förväntningar.

Du kan till exempel gå med på att designa dem en webbplats men sedan inse att de inte har en logotyp. Vad gör du? Du behöver en logotyp för att sätta på deras hemsida, så designar du den?

Här är ett exempel:

håll det klart och håll dig betald.

processöversikten

När du tydligt har beskrivit problemet, lösningen och leveranserna kommer nästa avsnitt att ta ett djupt dyk i utförandet och beskriva hur du ska gå tillväga för att skapa webbplatsen och lösa kundens problem.

i det här avsnittet vill du:

  • skissera de olika stegen i processen
  • skissera en grundläggande tidslinje, så kunden vet när man ska förvänta sig varje leverans
  • Beskriv dina förväntningar från klienten så att de vet vad de behöver göra och när man ska hjälpa projektet att hålla sig på rätt spår

processen att designa och bygga en webbplats ser annorlunda ut för varje klient och är beroende av många olika faktorer. Det värsta du kan göra är att missa ett kundspecifikt steg i din kontur och måste återställa sina förväntningar mitt i projektet-och oundvikligen förlora tid och pengar.

För att hjälpa dig att undvika detta, här är en lista över typiska steg i webbplatsutvecklingsprocessen som du bör överväga:

  • forskning (användare, konkurrenter, etc)
  • Wireframing
  • Sitemaps
  • initiala mönster plus eventuella revisioner
  • utveckling
  • inställning och konfiguration av CMS
  • testning och QA på webbläsare och enheter
  • utbildning

här är ett exempel på en grundlig processavsnitt:

lämna inga frågor obesvarade och ingen process oförklarlig.

kostnaden

detta sista avsnitt är ofta där ett webbdesignförslag vinns—eller förloras.

innan du ens börjar arbeta med ditt förslag, fråga din klient vad deras totala budget är. Även om detta kan vara skrämmande och du kan få känslan av att du inkräktar på någon linje, är du inte. Det är inte ovanligt att en möjlighet att gå in i bud med en förutbestämd siffra på deras sinne.

(effektivisera ditt klientarbete med InVision Craft.)

diskutera utsikterna budget ut i det fria innan du skapar förslaget är ett positivt scenario för er båda. Denna konversation hjälper dem att utveckla en budget för projektet, och det kommer också att låta dig veta om projektet är ekonomiskt värt för dig innan du lägger in det hårda arbetet med att utveckla ett förslag.

medan du kanske är en förmögenhet och gissar deras budget, kommer du oftare att överskrida och ta dig ur körningen helt. Eller du kommer att underprice dig så allvarligt att du lämnar bakom massor av pengar.

När du har kundens budget bör ditt webbdesignförslag presentera kostnadsfördelningen på ett tydligt och välsmakande sätt för dina utsikter.

det är ofta bra att binda det tillbaka till processen du ska gå igenom (särskilt om du laddar på en timpris eller en projektavgift som är baserad på timmar). Detta gör det väldigt enkelt för utsikterna att förstå hur de olika aspekterna av projektet samlas för att bilda den totala kostnaden.

Här är ett exempel:

få dina pengar rätt.

Du kan använda verktyg som InVision Studio, InDesign eller till och med Photoshop för att mockup fina pristabeller som ovan, eller så kan du skapa en mer grundläggande i Word eller Google Docs om det är där du skriver ditt förslag.

alternativt gör dedikerade förslagsverktyg som Qwilr det enkelt att skapa vackra prissättningslayouter så här. Du kan till och med göra vissa avsnitt eller radobjekt valfria så att dina utsikter kan välja om de vill ha den extra försäljningen (dvs. inlämning till sökmotorer), vilket kan hjälpa dig att göra lite extra på varje projekt.

Call to action

Nu när all information finns där ute, inklusive leveranser, processer och kostnader, är det dags att uppmana utsikterna att ta nästa steg: att acceptera ditt förslag och starta projektet,t.

helst vill du ge dem ett sätt att acceptera och logga ut på förslaget direkt. Om du skickar ditt förslag som PDF, Word eller Google Doc kan det vara lite svårt eftersom de inte riktigt har inbyggda Accept-eller signaturfunktioner.

för att lösa detta kan du göra något av följande:

  • be utsikterna att skicka ett e-postmeddelande som säger något som ”vänligen fortsätt”
  • länk till kontrakt (eller annat bindande avtal) i ett verktyg som Docusign, vilket ger dem möjlighet att acceptera och underteckna.

alternativt, om du använder ett dedikerat förslagsverktyg, kommer det att göra det möjligt för dina utsikter att acceptera och underteckna förslaget direkt från det.

Här är ett exempel:

gör nästa steg tydliga med en synlig CTA.

vad du än gör, tvinga inte din potentiella klient att skriva ut ditt förslag, underteckna det, skanna det och skicka tillbaka det. Det är tidskrävande, särskilt om någon inte har omedelbar tillgång till en skrivare, och forskning visar att det dramatiskt ökar den tid det tar att få dokument signerade.

(Plus, det är inte miljövänligt.)

bonustips

skicka ditt förslag som en webbsida

Om du skickar dina förslag i ett dokumentformat som PDF kan du göra det fel. Trots allt uppfanns PDF-filen under samma årtionde som Palm Pilot, och jag kan inte föreställa mig att du använder en Palm Pilot längre.

genom att skicka ditt förslag som en webbsida istället för som PDF får du följande fördelar:

  • Responsivity: webbsidor är lyhörda, vilket betyder att de ser bra ut på alla skrivbord, surfplattor och mobila enheter. Med majoriteten av e-post öppnas på mobila enheter dessa dagar, du se dina leder har en stor upplevelse med ditt förslag.
  • säkerhet: Webbsidor kan inte bara vara lösenordsskyddade men du kan också lägga till tidsgränser som säkerställer att dina förslag inte kan ses efter ett visst datum, liksom visningsgränser, så att de bara kan ses ett visst antal gånger. Du kan även kräva utsikterna att logga in med sitt arbete e-postadress innan du tittar på sidan för att säkerställa att endast rätt personer ser det.
  • interaktivitet: webbsidor kan ha interaktivt innehåll som video, ljud, kartor, formulär, kalkylblad, Invision prototyper och mer inbäddade i dem. Du kan till och med lägga till saker som prissättningsräknare som gör det möjligt för utsikterna att se hur prissättningen skulle se ut när de lägger till den extra försäljningen.spårbarhet: varje interaktion dina leads har med en webbsida kan spåras, så att du kan se när de visar ditt förslag, hur länge, vilket innehåll de visar, var de tittar från och mer.
  • tillgänglighet: Eftersom webbsidor använder tydlig HTML-markering kan tillgänglighetsverktyg som skärmläsare ta reda på vilket innehåll som finns på sidan—vilket innebär att de 50 miljoner amerikaner som har funktionshinder inte har några problem med att komma åt dina förslag och dokument (och du kommer inte att falla av Kontoret för medborgerliga rättigheter).
  • Editability: till skillnad från en PDF kan webbsidor redigeras när som helst, även efter att du har skickat den till utsikterna. Så om du upptäcker att du har gjort ett stavfel kan du snabbt gå in och ändra det innan någon märker det.

verktyg som Qwilr gör det enkelt att skapa dina förslag och andra försäljnings-och marknadsföringsdokument som webbsidor. Du använder WYSIWYG-gränssnittet för att lägga till text, foton, videor, prototyper och mer till ditt förslag och när du är klar skickar du helt enkelt en länk till din potentiella klient istället för att bifoga en PDF.

börja med en mall

precis som UI-kit och CMS-teman ger dig ett försprång på design och byggarbetsplatser, finns det några bra mallar för webbplatsdesignförslag där ute, som den här från Qwilr, som kan ge dig ett försprång på att skapa ett bra förslag.

de kommer med förskrivet innehåll som avsnitten som nämns ovan, vackra bilder, pristabeller och mer och kan avsevärt minska den tid det tar dig att skapa och skicka förslag.

(kolla in förslagsmallen här.)

återvinna ditt bästa innehåll

det är troligt att du kommer att skriva många webbplatsdesignförslag under din karriär, och det är ingen mening att börja om från början varje gång.

så jag rekommenderar att du gör ett eller flera av följande:

  • spara förslag du gillar på en dedikerad plats: om du har skapat ett förslag som du tycker är särskilt bra, spara det på en dedikerad plats snarare än att bara lämna det djupt i din oorganiserade Google Drive eller Dropbox. På det sättet, när du behöver skapa ett annat förslag kan du enkelt komma tillbaka till det, göra några ändringar och skicka bort det.
  • spara avsnitt som du inte ändrar mycket: det finns vissa delar av webbplatsdesignförslag som inte ändras mycket från förslag till förslag. Saker som ’om oss’ och ’vårt Team’ är bra exempel, och även avsnittet ’Kostnader’ kan ofta vara ganska lika om du gör liknande typer av projekt om och om igen. Så gör lite av en svepfil (även om det bara finns i en Google Doc eller Word Doc) där du släpper in något av detta återanvändbara innehåll, och sedan kan du enkelt kopiera och klistra in det i nya förslag i framtiden.

spika förslaget

att skriva vinnande webbdesignförslag kan vara ett avlopp i tid och resurser, det råder ingen tvekan. Men om du börjar tänka på dina förslag som om du var en slutanvändare och optimera den faktiska användarupplevelsen av din försäljningsprospektering, kan du förvandla dina ansträngningar till en solid försäljningskanal.

med lite tid och uppfinningsrikedom kan omarbetning av dina webbdesignförslag förbättra din nära takt dramatiskt. Förnya dina dokument idag med de avsnitt vi diskuterade ovan och börja stänga erbjudanden! För att få ett försprång, här är en länk till en gratis mall för webbplatsdesign.

InVision Cloud

registrera dig gratis

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *