psaní návrhů webového designu je zdlouhavý, monotónní proces. Je to spousta práce, která se nakonec nemusí příliš rozvinout.

Vy, jako většina reklam, by pravděpodobně raději tráví čas skutečně pracují než tlačí vyhlídky prostřednictvím prodeje nálevky. Ale pokud si neuděláte čas na práci na svých návrzích, pak budete vy a vaše firma v nálevu.

jako zkušený designér jste více než schopni navrhovat webové stránky – ale jak pohodlně je prodáváte? Vyhráváte tolik obchodů,kolik byste mohli být?

váš projekt návrh může být make-or-break faktorem při přistání projektových projektů, takže zvládnutí řemesla je rozhodující. V tomto příspěvku vám ukážeme osm sekcí, které musí mít každý návrh designu webových stránek, a poskytneme vám bezplatnou šablonu, pomocí které můžete začít vyhrávat více práce ještě dnes.

pojďme do:

• Kterým se úvod
• Prezentace řešeného problému
• Vysvětluje své řešení
• Dává přehled projektů
• Popisující váš proces
• Vysvětluje další kroky
• Doručování náklady
• Tipy a triky pro prezentaci vašeho návrhu

představit

Projekt návrhy mají pomoci klientům pochopit, do čeho jdou—ne přemoci je s detaily.

(rozložte svůj návrh pomocí Invision Freehand.)

váš úvod by měl (lehce) odrážet rozhovory, které jste již měli vést o potřebách klienta. Kousky informací, které můžete chtít zahrnout, jsou:

• jméno Klienta
• název Projektu (řešeného problému)
• Jméno a titul kontaktní místo
• Vaše jméno a název
• Datum podání žádosti

Zde je příklad dobrý úvod sekce:

přehled

jakmile jste si představit sám sebe na vyhlídku, první prvek, který navazuje na úspěšný web design, návrh je přehled problému. Klient by si to měl přečíst a vědět:

• existuje problém nebo příležitost pro jejich podnikání, které nevyužívají.
• máte úplné, hluboké pochopení jejich problémů a jejich potřeb.

pochopení hlavních problémů, kterým váš klient čelí, vám pomůže definovat jak vaše povinnosti, tak rozsah projektu. To dává klientovi důvod věřit ve vás a váš proces.

nejlepší návrhy web design jsou ty, které kladou potřeby a potřeby klienta v centru pozornosti a vyhlídky cítit a věří, že můžete vyřešit jejich problémy. Například:

výstupy

zde budete muset přesně nastínit, co budete dodávat v rámci projektu.

Toto je důležitá část, ale více pro to, co vylučujete, než pro to, co zahrnujete. Rozsah tečení je běžným problémem v designu webových stránek, zejména pokud pracujete s relativně nezkušenými malými podniky, a lze tomu zabránit pouze stanovením jasných cílů a očekávání.

můžete například souhlasit s návrhem webových stránek, ale pak si uvědomíte, že nemají logo. Co děláš? Potřebujete logo dát na svých webových stránkách, takže si to navrhnout?

zde je příklad:

přehled procesu

Jakmile jste jasně uvedeno, co je problém, řešení, výsledky, další část se zhluboka ponořit se do provádění a nastínit, jak se chystáte jít o vytváření webových stránek a řešení klientova problému.

v této sekci budete chtít:

• Nastínit jednotlivé kroky v procesu
• Nastínit základní časovou osu, takže klient ví, kdy se očekávat, že každý výstup
• Nastínit vaše očekávání od klienta, takže oni vědí, co je třeba udělat a kdy pomoci projektu zůstat na trati,

proces navrhování a budování internetové stránky vypadá jinak, pro každého klienta a je závislá na mnoha různých faktorech. Nejhorší věc, kterou můžete udělat, je vynechat krok specifický pro klienta ve vašem osnově a musí resetovat svá očekávání v polovině projektu – a nevyhnutelně ztratit čas a peníze.

Aby vám pomohou vyhnout se toto, tady je seznam typických kroků v procesu vývoje webových stránek, měli byste zvážit:

• Výzkumu (uživatelé, konkurenti, atd.)
• Wireframing
• soubory Sitemap
• Počáteční návrhy, plus veškeré revize
• Rozvoj
• Instalace a konfigurace CMS
• Testování a QA na prohlížeči a zařízení
• Školení

Zde je příklad důkladný proces sekci:

náklady

Tento poslední bod je často, kde web design návrh je vyhrál—nebo prohrál.

než začnete pracovat na svém návrhu, zeptejte se svého klienta, jaký je jeho celkový rozpočet. I když to může být děsivé a můžete mít pocit,že zasahujete do nějaké linie, nejsi. Není neobvyklé, že vyhlídka zamíří do nabídek s předem stanovenou postavou na mysli.

(Zefektivněte práci klienta pomocí Invision Craft.)

diskuse o rozpočtu vyhlídky venku před vytvořením návrhu je pozitivní scénář pro vás oba. Tento rozhovor pomůže jim vytvořit rozpočet pro projekt, a to bude také vám vědět, zda je či není projekt je finančně výhodné pro vás, než si dát do tvrdé práce na vývoji návrhu.

i Když byste mohli být věštec a odhad jejich rozpočtu, více často než ne, budete překročení a vzít si z běžícího zcela. Nebo se podceníte tak silně, že po sobě zanecháte spoustu peněz.

jakmile máte rozpočet klienta, váš návrh webového designu by měl jasně a chutně prezentovat rozpis nákladů pro vaše vyhlídky.

často je užitečné jej navázat zpět na proces, kterým projdete (zejména pokud účtujete hodinovou sazbu nebo projektový poplatek, který je založen na hodinách). Díky tomu je pro vyhlídky opravdu snadné pochopit, jak se různé aspekty projektu spojují a tvoří celkové náklady.

zde je příklad:

můžete použít nástroje, jako InVision Studio, InDesign, nebo dokonce Photoshop mockup pěkné ceny tabulky jako výše uvedené, nebo můžete vytvořit více základních jedna v aplikaci Word nebo Google Docs, pokud to je místo, kde píšete svůj návrh.

alternativně specializované nástroje pro návrhy, jako je Qwilr, usnadňují vytváření krásných rozvržení cen, jako je tento. Můžete dokonce provést některé sekce nebo položky řádku volitelné tak, aby vaše vyhlídky mohou vybrat, zda chtějí, že další upsell (tj podání do vyhledávačů), které vám mohou pomoci udělat trochu navíc na každém projektu.

výzva k akci

Nyní, že všechny informace jsou tam venku, včetně výstupů, proces, a náklady, je čas na výzvu vyhlídky na další kroky: přijmout váš návrh a kick off projektu,t.

v Ideálním případě, budete chtít dát jim způsob, jak přijmout a podepsat návrh ihned. Pokud posíláte svůj návrh jako PDF, Word nebo Google Doc, může to být trochu obtížné, protože ve skutečnosti nemají vestavěné funkce přijetí nebo podpisu.

Chcete-li to vyřešit, můžete provést některý z následujících kroků:

• Zeptejte se vyhlídky na poslat e-mail říkat něco jako „Prosím pokračujte“
• Odkaz na smlouvu (nebo jiné závazné dohody) v nástroj, jako Docusign, což jim dává schopnost přijmout a podepsat.

alternativně, pokud používáte vyhrazený nástroj pro návrh, umožní vaší vyhlídce přijmout a podepsat návrh přímo z něj.

zde je příklad:

Cokoliv, co děláte, nenuťte váš potenciální klient vytisknout váš návrh, podepsat, naskenovat a poslat zpět. To je časově náročné, zejména pokud někdo nemá okamžitý přístup k tiskárně, a výzkum ukazuje, že dramaticky zvyšuje čas potřebný k podpisu dokumentů.

(navíc to není šetrné k životnímu prostředí.)

tipy Bonusové

Odeslat váš návrh jako webovou stránku

Pokud budete posílat své návrhy ve formátu dokumentu jako PDF, můžete to dělat špatně. Koneckonců, PDF byl vynalezen ve stejném desetiletí jako Palm Pilot, a já si nedokážu představit, že používáte Palm Pilot už.

Tím, že pošle svůj návrh jako webovou stránku namísto ve formátu PDF, získáte následující výhody:

• Responsivity: Webové stránky jsou responzivní, což znamená, vypadají skvěle na všech desktop, tablet a mobilní zařízení. S většinou e-mailu je otevřen na mobilních zařízeních v těchto dnech, jste zajištění své zájemce mají velké zkušenosti s vaším návrhem.
• bezpečnost: Webové stránky mohou nejen být chráněny heslem, ale můžete také přidat časové limity, které zajistí vaše návrhy nemohou být viděn po určitém datu, stejně jako pohled na hranice, takže mohou být prohlíženy pouze určitý počet časů. Můžete dokonce požadovat, aby se vyhlídky přihlásily pomocí své pracovní e-mailové adresy před zobrazením stránky, abyste zajistili, že ji uvidí pouze správní lidé.
• interaktivita: webové stránky mohou mít interaktivní obsah, jako je video, audio, mapy, formuláře, tabulky, prototypy InVision a další vložené do nich. Můžete dokonce přidat věci, jako jsou cenové kalkulačky, které umožňují vyhlídky vidět, co by cena vypadat, když se přidat další upsell.
• Sledovatelnost: Každá interakce vede s webové stránky mohou být sledovány, takže můžete vidět, když se pohled váš návrh, na jak dlouho, jaký obsah zobrazení, kde jsou z prohlížení, a další.
• Přístupnost: Protože webové stránky používají jasné HTML značky, dostupnosti nástrojů, jako jsou čtečky obrazovky, jsou schopni přijít na to, co obsah je na stránce—což znamená, že 50 milionů Američanů, kteří mají zdravotní postižení bude mít problém přístupu na vaše návrhy a dokumenty (a nebudete se dostat do střetu s Úřadem pro Občanská Práva).
• Editovatelnost: na rozdíl od PDF lze webové stránky upravovat kdykoli, a to i poté, co jste je poslali vyhlídce. Takže pokud zjistíte, že jste udělali překlep, můžete rychle jít a změnit, než si to někdo všimne.

nástroje jako Qwilr usnadňují vytváření vašich návrhů a dalších prodejních a marketingových dokumentů jako webových stránek. Můžete použít rozhraní WYSIWYG přidat text, fotky, videa, prototypy a další do vašeho návrhu, a když budete hotovi, stačí poslat e-mailem váš potenciální klient odkaz místo připojení PDF.

Začněte s šablonou

Stejně jako UI kity a CMS témata vám náskok na navrhování a budování míst, tam jsou některé skvělé webové stránky design šablony návrhu tam, jako je tento jeden z Qwilr, že může dát náskok na vytváření skvělého návrhu.

přicházejí s předem napsaným obsahem, jako jsou výše uvedené oddíly, krásné obrázky, cenové tabulky a další, a mohou výrazně zkrátit dobu potřebnou k vytvoření a odeslání návrhů.

(podívejte se na šablonu návrhu zde.)

Recyklujte svůj nejlepší obsah

je pravděpodobné, že budete psát mnoho web design návrhy v průběhu své kariéry, a to nemá smysl začít od nuly pokaždé.

Tak jsem doporučuji dělat jeden nebo více z následujících:

• Uložit návrhy se vám líbí na vyhrazeném místě: Pokud jste vytvořil návrh myslíš, že je obzvláště dobré, uložit na vyhrazeném místě, spíše než jen opuštění hluboko ve vašem zmatený Google Drive nebo Dropbox. Tímto způsobem, když potřebujete vytvořit další návrh, můžete se k němu snadno vrátit, provést několik úprav a odeslat jej.
• Uložte sekce, které se příliš nemění: existují určité části návrhů designu webových stránek, které se od návrhu k návrhu příliš nemění. Věci jako „o nás“ a „náš tým“ jsou skvělými příklady, a dokonce i část „náklady“ může být často docela podobná, pokud děláte podobné typy projektů znovu a znovu. Takže se trochu švihnout soubor (i když je to jen v Google Doc nebo Word Doc), kde se kapka v některé opakovaně použitelného obsahu, a pak můžete snadno zkopírovat a vložit do nové návrhy v budoucnosti.

hřebík návrh

psaní vítězných návrhů webového designu může být odliv času a zdrojů, není pochyb. Pokud však začnete přemýšlet o svých návrzích, jako byste byli koncovým uživatelem, a optimalizujete skutečný uživatelský zážitek z průzkumu prodeje, můžete své úsilí přeměnit na solidní prodejní kanál.

s trochou času a vynalézavosti může přepracování návrhů webového designu dramaticky zlepšit vaši blízkou rychlost. Vylepšete své dokumenty ještě dnes pomocí sekcí, o kterých jsme diskutovali výše, a začněte uzavírat obchody! Chcete-li získat náskok, zde je odkaz na bezplatnou šablonu návrhu designu webových stránek.