Articles

the 7 sections you need to have in your website design proposal to win clients + free template

Writing web design proposals is a työläs, yksitoikkoinen prosessi. Se on paljon työtä, joka ei lopulta välttämättä johda mihinkään.

sinä, kuten useimmat luojat, käyttäisit luultavasti mieluummin aikaa itse työhön kuin työntäisit näkymiä myyntikanavien kautta. Mutta jos et käytä aikaa ehdotustesi työstämiseen, sinä ja yrityksesi olette pulassa.

taitavana suunnittelijana olet enemmän kuin kykenevä suunnittelemaan verkkosivustoja—mutta kuinka mukavasti myyt niitä? Voitatko niin paljon bisnestä kuin voit olla?

projektiehdotus voi olla make-or-break-tekijä laskeutumissuunnitteluprojekteissa, joten veneen hallitseminen on kriittistä. Tässä viestissä näytämme kahdeksan osiota, jotka jokaisen verkkosivuston suunnitteluehdotuksen on oltava, ja annamme sinulle ilmaisen mallin, jonka avulla voit alkaa voittaa enemmän työtä tänään.

mennään:

  • esittelet johdantosi
  • esittäen ratkaistavan ongelman

  • selittämässä ratkaisuasi
  • esittäen projektikatsauksen
  • hahmottelemassa prosessiasi
  • selittämässä seuraavia vaiheita
  • kustannusten toimittaminen
  • vinkkejä ehdotuksesi esittämiseen

esittäytyminen

Projektiehdotusten on tarkoitus auttaa asiakkaita ymmärtämään, mitä he saavat Into—ei hukuta niitä yksityiskohtia.

(Lay out your proposal using InVision Freehand.)

johdantosi tulisi (kevyesti) heijastaa keskusteluja, joita sinun olisi jo pitänyt käydä asiakkaan tarpeista. Tietoja, jotka kannattaa sisällyttää:

  • Asiakkaan nimi
  • Projektin nimi (ongelma on ratkaistu)
  • yhteyspisteen nimi ja otsikko
  • nimesi ja otsikko
  • Lähettämispäivä

tässä esimerkki hyvästä esittelyosiosta:

Logo, projektin nimi, asiakkaan nimi, suunnittelijan nimi, päivämäärä. Shakki, shakki, Shakki.

Problem overview

kun esittelet itsesi prospektille, ensimmäinen elementti, joka seuraa onnistunutta web-suunnitteluehdotusta, on problem overview. Asiakkaan pitäisi lukea tämä ja tietää:

  • heidän liiketoiminnassaan on ongelma tai mahdollisuus, jota he eivät hyödynnä.
  • sinulla on täydellinen, syvä ymmärrys heidän ongelmistaan ja tarpeistaan.

asiakkaasi kohtaamien keskeisten ongelmien ymmärtäminen auttaa sinua määrittelemään sekä vastuualueesi että projektin laajuuden. Tämä antaa asiakkaalle syyn uskoa sinuun ja prosessiisi.

parhaat web design-ehdotukset ovat niitä, jotka asettavat asiakkaan tarpeet ja tarpeet valokeilaan ja saavat näkymän tuntemaan ja uskomaan, että voit ratkaista heidän ongelmansa. Esimerkiksi:

Näytä mahdollisuus, että välität.

Ratkaisukatsaus

vietettyäsi aikaa yrityksen historian tutkimiseen ja sidosryhmien kanssa keskusteltuasi sinun pitäisi ymmärtää heidän ongelmansa ja alkaa laatia ratkaisua. On sinun vastuullasi selittää suunnittelutyösi liiketoimintahyödyt.

(Tutustu InVision ’ s Design Maturity Model)

selittämällä liikekielellä suunnittelun myönteisiä vaikutuksia heidän ongelmiinsa, asetat itsesi avainhenkilöksi heidän tulevan liiketoimintamenestyksensä edistämisessä. Arvoa voi osoittaa esimerkiksi kertomalla, miten uusi muotoilu voi lisätä liikevaihtoa ja parantaa brändäystä.

kärki: Kun esität ideoita ja mahdollisia ratkaisuja, yritä ennakoida keskustelut mahdollisuus on todennäköisesti ottaa organisaatiossaan, mitä kieltä he käyttävät, ja anna ratkaisu osio esittää syvä sukellus tietosi heidän ongelmansa. Takaisin edelliseen esimerkkiimme:

tämä osio osoittaa kykyä ymmärtää näkymän ongelmia ja täyttää samalla kaikki heidän tarpeensa.

suoritteet

Tässä kohdassa sinun täytyy hahmotella tarkasti, mitä tulet toimittamaan osana projektia.

Tämä on tärkeä osio, mutta enemmän sille, mitä jättää pois, kuin sille, mitä sisällytetään. Scope creep on yleinen ongelma verkkosivujen suunnittelussa, varsinkin jos työskentelet suhteellisen kokemattomien pienyritysten kanssa, ja se voidaan estää vain asettamalla selkeät tavoitteet ja odotukset.

esimerkiksi, saatat suostua suunnittelemaan heille verkkosivuston, mutta sitten ymmärtää, että heillä ei ole logoa. Mitä sinä teet? Tarvitset logon heidän verkkosivuilleen, joten suunnitteletko sen?

tässä esimerkki:

pidä se kirkkaana ja pysy maksettuna.

prosessikatsaus

kun olet selkeästi hahmotellut ongelman, ratkaisun ja suoritteet, seuraavassa osassa sukelletaan syvälle toteutukseen ja hahmotellaan, miten aiot luoda verkkosivuston ja ratkaista asiakkaan ongelman.

Tässä osiossa haluat:

  • hahmottele prosessin eri vaiheet
  • hahmottele perusaikataulu, jotta asiakas tietää, milloin odottaa kutakin toteutettavaa
  • hahmottele odotuksesi asiakkaalta, jotta hän tietää, mitä heidän on tehtävä ja milloin auttaa projektia pysymään raiteillaan

verkkosivuston suunnittelu-ja rakennusprosessit näyttävät erilaisilta jokaisen asiakkaan kohdalla ja riippuvat monista eri tekijöistä. Pahinta, mitä voi tehdä, on jättää Asiakaskohtainen vaihe hahmotelmassasi väliin ja joutua nollaamaan odotuksensa kesken projektin-ja väistämättä menettää aikaa ja rahaa.

välttääksesi tämän, Tässä lista sivuston kehitysprosessin tyypillisistä vaiheista, joita kannattaa harkita:

  • tutkimus (käyttäjät, kilpailijat jne.)
  • Wireframing
  • Sitemaps
  • Initial designs plus mahdolliset muutokset
  • kehittäminen
  • testaus ja laadunvalvonta selaimissa ja laitteissa
  • koulutus

tässä esimerkki perusteellisesta prosessiosiosta:

leave no questions unanswered and no process unexplained.

kustannukset

Tämä viimeinen osio on usein sellainen, jossa web—suunnitteluehdotus voitetaan-tai hävitään.

ennen kuin edes alat työstää ehdotustasi, Kysy asiakkaaltasi, mikä on heidän kokonaisbudjettinsa. Vaikka tämä voi olla pelottavaa ja saatat saada tunteen, että olet tunkeutumassa johonkin linjaan, et ole. Ei ole tavatonta, että Prospekti suuntaa tarjouksiin ennalta määrätyn hahmon mielessään.

(virtaviivaista asiakastyösi InVision Craftin avulla.)

keskustelu tulevaisuudennäkymän talousarviosta avoimesti ennen ehdotuksen laatimista on myönteinen skenaario teille molemmille. Tämä keskustelu auttaa heitä kehittämään budjetin hankkeelle, ja se myös kertoa, onko hanke taloudellisesti kannattava sinulle, ennen kuin laitat kovan työn kehittää ehdotuksen.

vaikka saatat olla ennustaja ja arvata heidän budjettinsa, useimmiten ylität ja otat itsesi pois juoksusta kokonaan. Tai alihinnoitat itsesi niin pahasti, että jätät rutkasti rahaa.

kun olet saanut asiakkaan budjetin, web design-ehdotuksesi tulisi esittää kustannusten erittely selkeällä ja mieluisalla tavalla tulevaisuudennäkymääsi.

on usein hyödyllistä sitoa se takaisin prosessiin, jonka käyt läpi (varsinkin jos veloitat tuntihinnasta tai projektimaksusta, joka perustuu tunteihin). Näin näkymien on todella helppo ymmärtää, miten hankkeen eri osa-alueet yhdistyvät kokonaiskustannuksiksi.

tässä esimerkki:

Hanki rahasi oikein.

voit käyttää työkaluja kuten InVision Studio, InDesign, tai jopa Photoshop mockup mukava hinnoittelu taulukoita kuten edellä, tai voit luoda enemmän perus yksi Word tai Google Docs, jos olet kirjallisesti ehdotuksesi.

vaihtoehtoisesti qwilrin kaltaisilla omistetuilla ehdotustyökaluilla on helppo luoda tällaisia kauniita hinnoitteluasetelmia. Voit jopa tehdä tiettyjä osioita tai rivi kohteita valinnainen niin, että mahdollisuus voi valita, haluavatko he, että ylimääräistä upsell (eli jättämisen hakukoneet), joka voi auttaa sinua tekemään hieman ylimääräistä kunkin projektin.

Call to action

nyt kun kaikki tieto on olemassa, mukaan lukien tuotokset, prosessi ja kustannukset, on aika kehottaa näkymää ottamaan seuraavat askeleet: hyväksyäksesi ehdotuksesi ja käynnistääksesi projektin, t.

Ihannetapauksessa haluat antaa heille mahdollisuuden hyväksyä ja allekirjoittaa ehdotuksen heti. Jos lähetät ehdotuksesi PDF -, Word-tai Google-dokumenttina, tämä voi olla hieman vaikeaa, koska niissä ei oikeastaan ole sisäänrakennettuja hyväksymis-tai allekirjoitusominaisuuksia.

tämän ratkaisemiseksi voit tehdä minkä tahansa seuraavista:

  • pyydä Prospektia lähettämään sinulle sähköpostia, jossa sanotaan jotain ”Jatka”
  • linkki sopimukseen (tai muuhun sitovaan sopimukseen) DocuSignin kaltaisessa työkalussa, joka antaa heille mahdollisuuden hyväksyä ja allekirjoittaa.

Vaihtoehtoisesti, jos käytät erityistä ehdotustyökalua, se antaa mahdollisuudellesi mahdollisuuden hyväksyä ja allekirjoittaa ehdotus suoraan sen sisältä.

tässä esimerkki:

tee seuraavat vaiheet selväksi näkyvällä CTA: lla.

mitä tahansa teetkin, älä pakota tulevaa asiakastasi tulostamaan ehdotustasi, allekirjoittamaan sitä, skannaamaan sitä ja lähettämään sitä takaisin. Se on aikaa vievää, varsinkin jos jollakulla ei ole välitöntä pääsyä tulostimeen, ja tutkimukset osoittavat, että se lisää huomattavasti aikaa, joka kuluu asiakirjojen allekirjoittamiseen.

(Plus, se ei ole ympäristöystävällinen.)

Bonusvinkit

lähetä ehdotuksesi verkkosivuna

Jos lähetät ehdotuksesi DOKUMENTTIMUODOSSA kuten PDF, saatat tehdä sen väärin. Olihan PDF keksitty samalla vuosikymmenellä kuin Palm Pilot, enkä voi kuvitella, että käytät Palm Pilotia enää.

lähettämällä ehdotuksesi verkkosivuna PDF: n sijaan saat seuraavat edut:

  • Responsivity: verkkosivut ovat responsiivisia, eli ne näyttävät hyvältä kaikilla työpöydillä, tableteilla ja mobiililaitteilla. Kun suurin osa sähköpostista avataan mobiililaitteilla näinä päivinä, varmistat, että liideilläsi on hyvä kokemus ehdotuksestasi.
  • turvallisuus: Verkkosivuja ei voi vain suojata salasanalla, mutta voit myös lisätä aikarajoja, jotka varmistavat, että ehdotuksiasi ei voi tarkastella tietyn päivämäärän jälkeen, sekä katselurajoja, joten niitä voi katsella vain tietyn määrän kertoja. Voit jopa vaatia prospects kirjautua sisään käyttämällä työsähköpostiosoitetta ennen kuin katsot sivua, jotta vain oikeat ihmiset näkevät sen.
  • vuorovaikutteisuus: www-sivuilla voi olla interaktiivista sisältöä, kuten videota, ääntä, karttoja, lomakkeita, taulukkolaskentaa, InVision-prototyyppejä ja niihin upotettuja muita. Voit jopa lisätä asioita, kuten hinnoittelu laskimet, joiden avulla näkymät nähdä, mitä hinnoittelu näyttäisi, kun he lisäävät, että ylimääräistä upsell.
  • Trackability: jokainen vuorovaikutus johtolankojesi kanssa voidaan seurata, jotta voit nähdä, milloin he katsovat ehdotustasi, kuinka kauan, mitä sisältöä he katsovat, mistä he katsovat, ja paljon muuta.
  • Esteettömyys: Koska web-sivut käyttävät selkeää HTML-merkintää, esteettömyystyökalut, kuten näytönlukijat, pystyvät selvittämään, mitä sisältöä sivulla on-eli 50 miljoonaa amerikkalaista, joilla on vamma, ei ole vaikeuksia päästä ehdotuksiisi ja asiakirjoihisi (ja et putoa kansalaisoikeuksien toimiston tieltä).
  • Editability: toisin kuin PDF, web-sivuja voi muokata milloin tahansa, vaikka olet lähettänyt sen Prospektiin. Joten jos huomaat tehneesi kirjoitusvirheen, voit nopeasti mennä vaihtamaan sen ennen kuin kukaan huomaa.

työkalut, kuten Qwilr, helpottavat ehdotusten ja muiden myynti-ja markkinointidokumenttien luomista verkkosivuiksi. Käytät WYSIWYG-käyttöliittymää lisätäksesi tekstiä, valokuvia, videoita, prototyyppejä ja muuta ehdotukseesi, ja kun olet valmis, voit yksinkertaisesti lähettää mahdolliselle asiakkaallesi linkin PDF-tiedoston liittämisen sijaan.

Aloita mallilla

aivan kuten KÄYTTÖLIITTYMÄPAKETIT ja CMS-teemat antavat sinulle etumatkaa suunnitteluun ja rakentamiseen, on olemassa joitakin hienoja verkkosivustojen suunnittelupohjia, kuten tämä qwilr: n tarjoama ehdotus, joka voi antaa sinulle etumatkan loistavan ehdotuksen luomiseen.

niissä on valmiiksi kirjoitettua sisältöä, kuten yllä mainitut osiot, kauniita kuvia, hinnoittelutaulukoita ja paljon muuta, ja ne voivat merkittävästi vähentää ehdotusten luomiseen ja lähettämiseen kuluvaa aikaa.

(Katso ehdotuspohja täältä.)

Kierrätä parasta sisältöäsi

on todennäköistä, että tulet kirjoittamaan monia verkkosivuston suunnitteluehdotuksia urasi aikana, eikä ole mitään järkeä aloittaa joka kerta tyhjästä.

joten suosittelen tekemään yhden tai useamman seuraavista:

  • Tallenna ehdotukset, joista pidät omalla kohdallasi: jos olet luonut ehdotuksen, joka on mielestäsi erityisen hyvä, Tallenna se erilliseen paikkaan sen sijaan, että vain jättäisit sen syvälle epäjärjestettyyn Google Driveen tai Dropboxiin. Näin, Kun sinun täytyy luoda toinen ehdotus voit helposti palata siihen, tehdä muutamia muokkauksia, ja lähettää sen pois.
  • Tallenna osiot, joita et juuri muuta: verkkosivuston suunnitteluehdotuksissa on tiettyjä osioita, jotka eivät juurikaan muutu ehdotuksesta toiseen. Asiat kuten ”meistä” ja ”tiimimme” ovat hyviä esimerkkejä, ja jopa ”kustannukset” osio voi usein olla melko samanlainen, jos teet samantyyppisiä projekteja uudelleen ja uudelleen. Joten tehdä hieman pyyhkäisemällä tiedosto (vaikka se on vain Google Doc tai Word Doc), jossa pudotat joitakin uudelleenkäytettäviä sisältöä, ja sitten voit helposti kopioida ja liittää sen uusia ehdotuksia tulevaisuudessa.

Nail the proposal

Writing winning web design proposals can be a drain on time and resources, there ’ s no doubt. Mutta jos alat ajatella ehdotuksiasi ikään kuin olisit loppukäyttäjä ja optimoit todellisen käyttökokemuksen myynninetsinnässäsi, voit muuttaa ponnistelusi kiinteäksi myyntikanavaksi.

hieman aikaa ja kekseliäisyyttä, uudistamalla web design ehdotuksia voi parantaa lähitaajuus dramaattisesti. Uudistakaa asiakirjanne tänään edellä käsitellyillä osioilla ja aloittakaa päätöstarjoukset! Saada etumatkaa, tässä on linkki ilmainen verkkosivuilla suunnittelu ehdotus malli.

InVision Cloud

Sign Up Free

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *