Articles

de 7 sektioner, du skal have i din hjemmeside design forslag til at vinde kunder + gratis skabelon

skrivning hjemmeside design forslag er en kedelig, monotont proces. Det er meget arbejde, der i sidste ende måske ikke panorerer for meget.

Du, som de fleste reklamer, vil sandsynligvis hellere bruge tid på at arbejde end at skubbe udsigter gennem salgstragte. Men hvis du ikke tager dig tid til at arbejde på dine forslag, vil du og din virksomhed være i en pickle.

som en dygtig designer er du mere end i stand til at designe hjemmesider—men hvor behagelig sælger du dem? Vinder du så meget forretning som du kunne være?

dit projektforslag kan være en make-or-break-faktor i landingsdesignprojekter, så det er kritisk at mestre håndværket. I dette indlæg viser vi dig de otte sektioner, som ethvert forslag til hjemmesidedesign skal have, og giver dig en gratis skabelon, du kan bruge til at begynde at vinde mere arbejde i dag.

lad os gå ind i:

  • udlægning af din introduktion
  • præsentation af det problem, der løses
  • forklaring af din løsning
  • oversigt over dit projekt
  • forklaring af din proces
  • forklaring af næste trin
  • levering af omkostningerne
  • tips og tricks til præsentation af dit forslag

introduktion af dig selv

projektforslag skal hjælpe klienter med at forstå, hvad de er at komme ind—ikke overvælde dem med detaljer.

(læg dit forslag ud ved hjælp af InVision Freehand.)

din introduktion skal (let) afspejle de samtaler, du allerede skulle have haft om klientens behov. Oplysninger, du måske vil medtage, er:

  • Klientnavn
  • Projekttitel (problemet løses)
  • navn og titel på dit kontaktpunkt
  • dit navn og titel
  • Dato for indsendelse

Her er et eksempel på en god introduktionsafdeling:

Logo, projektnavn, klient navn, designer navn, dato. Check, check, check.

Problemoversigt

når du har introduceret dig selv til udsigten, er det første element, der følger i et vellykket forslag til internetdesign, problemoversigten. Klienten skal læse dette og vide:

  • Der er et problem eller en mulighed for deres forretning, som de ikke udnytter.
  • du har en komplet, dyb forståelse af deres problemer og deres behov.

at forstå de kerneproblemer, din klient står overfor, hjælper dig med at definere både dit ansvar og projektets omfang. At gøre dette giver klienten en grund til at tro på dig og din proces.de bedste designforslag er dem, der placerer kundens behov og fornødenheder i rampelyset og får udsigten til at føle og tro, at du kan løse deres problemer. For eksempel:

Vis udsigten til, at du bryr dig.

Løsningsoversigt

efter at have brugt tid på at undersøge virksomhedens historie og tale med interessenter, skal du forstå deres problem og begynde at formulere en løsning. Det er dit ansvar at forklare de forretningsmæssige fordele ved din designpraksis.

(tjek Invisions design Maturity Model)

Ved at bruge forretningssprog til at forklare designets positive indvirkning på deres problemer, placerer du dig selv som en nøglefigur i at drive deres fremtidige forretningssucces. For eksempel kan du demonstrere værdi ved at forklare, hvordan det nye design kan øge indtægterne og forbedre deres branding.

Tip: Når du præsenterer dine ideer og potentielle løsninger, skal du prøve at forudse de samtaler, som udsigten sandsynligvis har inden for deres organisation, hvilket sprog de bruger, og lad din løsningssektion præsentere et dybt dyk i din viden om deres problem. Tilbage til vores tidligere eksempel:

dette afsnit demonstrerer evnen til at forstå prospektets problemer, mens de opfylder alle deres behov.

leverancer

det er her, du skal skitsere nøjagtigt, hvad du vil levere som en del af projektet.

dette er et vigtigt afsnit, men mere for det, du ekskluderer, end for det, du inkluderer. Scope creep er et fælles problem i hjemmeside design, især hvis du arbejder med relativt uerfarne små virksomheder, og det kan kun forhindres ved at sætte klare mål og forventninger.

for eksempel kan du acceptere at designe dem en hjemmeside, men så indse, at de ikke har et logo. Hvad laver du? Du har brug for et logo til at sætte på deres hjemmeside, så designer du det?

Her er et eksempel:

hold det klart og bliv betalt.

procesoversigten

når du klart har skitseret, hvad problemet, løsningen og leverancerne er, vil det næste afsnit tage et dybt dyk i udførelsen og skitsere, hvordan du skal gå om at oprette hjemmesiden og løse klientens problem.

i dette afsnit vil du gerne:

  • skitsere de forskellige trin i processen
  • skitsere en grundlæggende tidslinje, så klienten ved, hvornår man kan forvente hver leverbar
  • skitsere dine forventninger fra klienten, så de ved, hvad de skal gøre, og hvornår de skal hjælpe projektet med at holde styr

processen med at designe og opbygge en hjemmeside ser anderledes ud for hver klient og er afhængig af mange forskellige faktorer. Det værste, du kan gøre, er at gå glip af et klientspecifikt trin i din oversigt og er nødt til at nulstille deres forventninger midt i projektet-og uundgåeligt miste tid og penge.

for at hjælpe dig med at undgå dette, her er en liste over typiske trin i hjemmesideudviklingsprocessen, du bør overveje:

  • Forskning (brugere, konkurrenter osv.)
  • Sitemaps
  • Initial designs plus eventuelle revisioner
  • udvikling
  • Opsætning og konfiguration af CMS
  • test og kvalitetskontrol på bro. sere og enheder
  • træning

Her er et eksempel på en grundig proces sektion:

Efterlad ingen spørgsmål ubesvarede og ingen proces uforklarlig.

omkostningerne

dette sidste afsnit er ofte, hvor et forslag til internetdesign er vundet—eller tabt.

før du overhovedet begynder at arbejde på dit forslag, skal du spørge din klient, hvad deres samlede budget er. Selvom dette kan være skræmmende, og du måske får den fornemmelse, at du griber ind på en eller anden linje, er du ikke. Det er ikke ualmindeligt, at udsigten går ind i bud med et forudbestemt tal på deres sind.

(Strømlin dit klientarbejde ved hjælp af InVision Craft.)

at diskutere prospektets budget ud i det fri, før du opretter forslaget, er et positivt scenario for jer begge. Denne samtale vil hjælpe dem med at udvikle et budget til projektet, og det vil også fortælle dig, om projektet er økonomisk værd for dig, før du lægger det hårde arbejde med at udvikle et forslag.

mens du måske er en fortune-teller og gætter deres budget, vil du oftere end ikke overskride og tage dig selv ud af kørslen helt. Eller du vil underprice dig selv så alvorligt, at du vil efterlade et ton af penge.

når du har klientens budget, skal dit designforslag præsentere fordelingen af omkostninger på en klar og velsmagende måde til din udsigt.

det er ofte nyttigt at binde det tilbage til den proces, du vil gennemgå (især hvis du opkræver en timepris eller et projektgebyr, der er baseret på timer). Dette gør det virkelig nemt for udsigterne at forstå, hvordan de forskellige aspekter af projektet mødes for at danne de samlede omkostninger.

Her er et eksempel:

få dine penge rigtigt.

Du kan bruge værktøjer som InVision Studio, InDesign eller endda Photoshop til at mockup pæne pristabeller som ovenstående, eller du kan oprette en mere grundlæggende i ord eller Google Docs, hvis det er her du skriver dit forslag.alternativt gør dedikerede forslagsværktøjer som f.eks. Du kan endda gøre visse sektioner eller linjeposter valgfri, så din kunde kan vælge, om de vil have den ekstra opsalg (dvs.indsendelse til søgemaskiner), som kan hjælpe dig med at gøre lidt ekstra på hvert projekt.

opfordring til handling

nu hvor alle oplysninger er derude, inklusive leverancer, proces og omkostninger, er det tid til at bede udsigten til at tage de næste skridt: at acceptere dit forslag og starte projektet, t.

ideelt set vil du give dem en måde at acceptere og underskrive forslaget med det samme. Hvis du sender dit forslag som PDF, ord eller Google Doc, kan det være lidt svært, da de ikke rigtig har indbyggede accept-eller signaturfunktioner.

for at løse dette kan du gøre et af følgende:

  • Bed udsigten om at sende dig en e-mail, der siger noget som “fortsæt venligst”
  • Link til kontrakt (eller anden bindende aftale) i et værktøj som Docusign, som giver dem mulighed for at acceptere og underskrive.

Alternativt, hvis du bruger et dedikeret forslagsværktøj, vil det give din kunde mulighed for at acceptere og underskrive forslaget lige der inde fra det.

Her er et eksempel:

gør de næste trin klare med en synlig CTA.

uanset hvad du gør, må du ikke tvinge din potentielle klient til at udskrive dit forslag, underskrive det, scanne det og sende det tilbage. Det er tidskrævende, især hvis nogen ikke har øjeblikkelig adgang til en printer, og forskning viser, at det dramatisk øger den tid, det tager at få dokumenter underskrevet.

(plus, det er ikke miljøvenligt.)

Bonus tips

Send dit forslag som en hjemmeside

Hvis du sender dine forslag i et dokumentformat som PDF, kan du gøre det forkert. Trods alt, PDF blev opfundet i det samme årti som Palm Pilot, og jeg kan ikke forestille mig, at du bruger en Palm Pilot længere.

Ved at sende dit forslag som en hjemmeside i stedet for som en PDF, får du følgende fordele:

  • responsivitet: hjemmesider er responsive, hvilket betyder, at de ser godt ud på alle desktop, tablet og mobile enheder. Med størstedelen af e-mail, der åbnes på mobile enheder i disse dage, sikrer du, at dine kundeemner har en god oplevelse med dit forslag.
  • sikkerhed: Hjemmesider kan ikke kun være adgangskodebeskyttede, men du kan også tilføje tidsfrister, der sikrer, at dine forslag ikke kan ses efter en bestemt dato, samt visningsgrænser, så de kun kan ses et bestemt antal gange. Du kan endda kræve, at potentielle kunder logger ind ved hjælp af deres arbejds-e-mail-adresse, før du ser siden for at sikre, at kun de rigtige mennesker ser den.
  • interaktivitet: hjemmesider kan have interaktivt indhold som video, lyd, kort, formularer, regneark, InVision prototyper og mere indlejret i dem. Du kan endda tilføje ting som prisregnemaskiner, der giver udsigterne mulighed for at se, hvordan prissætningen ville se ud, når de tilføjer det ekstra opsalg.sporbarhed: hver interaktion dine kundeemner har med en hjemmeside kan spores, så du kan se, hvornår de ser dit forslag, hvor længe, hvilket indhold de ser, hvor de ser fra og meget mere.
  • tilgængelighed: Fordi hjemmesider bruger klar HTML—markering, er tilgængelighedsværktøjer som skærmlæsere i stand til at finde ud af, hvilket indhold der er på siden-hvilket betyder, at de 50 millioner amerikanere, der har et handicap, ikke har problemer med at få adgang til dine forslag og dokumenter (og du vil ikke falde af Office For Civil Rights).
  • redigerbarhed: i modsætning til en PDF kan hjemmesider redigeres når som helst, selv efter at du har sendt det til prospect. Så hvis du opdager, at du har lavet en skrivefejl, kan du hurtigt gå ind og ændre den, før nogen bemærker det.

værktøjer som gør det nemt at oprette dine forslag og andre salgs-og marketingdokumenter som hjemmesider. Du bruger interface til at tilføje tekst, fotos, videoer, prototyper og mere til dit forslag, og når du er færdig, du blot e-maile din potentielle klient et link i stedet for at vedhæfte en PDF.

Start med en skabelon

ligesom UI-kits og CMS-temaer giver dig et forspring på design og byggepladser, er der nogle gode skabeloner til hjemmesidedesign derude, som denne fra , der kan give dig et forspring på at skabe et godt forslag.

de leveres med forudskrevet indhold som de ovennævnte sektioner, Smukke billeder, pristabeller og mere og kan reducere den tid, det tager dig at oprette og sende forslag markant.

(tjek forslagsskabelonen her.)

genbrug dit bedste indhold

det er sandsynligt, at du vil skrive mange hjemmeside designforslag i løbet af din karriere, og det giver ingen mening at starte fra bunden hver gang.

så jeg anbefaler at gøre et eller flere af følgende:

  • Gem forslag, du kan lide på et dedikeret sted: hvis du har oprettet et forslag, som du synes er særligt godt, skal du gemme det på et dedikeret sted i stedet for bare at lade det være dybt i dit uorganiserede Google Drev eller Dropboks. På den måde, når du har brug for at oprette et andet forslag, kan du nemt komme tilbage til det, foretage et par redigeringer og sende det af.
  • Gem sektioner, som du ikke ændrer meget: der er visse dele af hjemmeside design forslag, der ikke ændrer meget fra forslag til forslag. Ting som’ om os ‘og’ vores Team ‘er gode eksempler, og selv afsnittet’ omkostninger ‘ kan ofte være ret ens, hvis du laver lignende typer projekter igen og igen. Så lav lidt af en svejsefil (selvom det bare er i et Google Doc eller ord Doc), hvor du slipper noget af dette genanvendelige indhold, og så kan du nemt kopiere og indsætte det i nye forslag i fremtiden.

Nail forslaget

skrivning vindende designforslag kan være et dræn på tid og ressourcer, der er ingen tvivl. Men hvis du begynder at tænke på dine forslag, som om du var en slutbruger og optimere den faktiske brugeroplevelse af din salgsprospektering, kan du omdanne din indsats til en solid salgskanal.

med lidt tid og opfindsomhed, kan forny din hjemmeside design forslag forbedre din tætte Sats dramatisk. Forny dine dokumenter i dag med de sektioner, vi diskuterede ovenfor, og begynd at lukke tilbud! For at få et forspring, her er et link til en gratis hjemmeside design forslag skabelon.

InVision Cloud

Tilmeld dig gratis

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *