Šablona návrhu webového návrhu: Napište návrh, který se za pouhých 10 minut vynoří

Jako webový designér závisí vaše schopnost přivést nové zákazníky na vaši schopnost napsat úspěšné návrhy webového designu. Nemůžete si však dovolit strávit tři nebo čtyři hodiny zdokonalováním každého návrhu. Chcete-li skutečně vytvářet webové stránky, potřebujete čas – tentokrát vám může nabídnout šablona návrhu webového designu.


V této příručce vám ukážeme jak vytvořit šablonu návrhu webového designu které můžete přizpůsobit jednotlivým klientům během několika minut.

�� Hledáte radu pro psaní blogů? Zde je návod, jak napsat dobrý blogový příspěvek.

psát šablonu návrhu webového designu

Proč byste měli používat šablony pro své návrhy webového designu

Vytvoření šablony návrhu webového designu je jedním z nejjednodušších způsobů, jak zjednodušit proces návrhu. Každé hřiště potřebuje určité prvky: vyhodnocení problémů, se kterými se bude váš návrh potýkat, seznam cílů projektu, podrobný časový rozvrh ukazující každou fázi projektu a související náklady.

Umístění těchto prvků do šablony návrhu webového designu nabízí několik výhod:

  • Všechny informace jsou na jednom místě – Nemusíte nic přepisovat ani otevírat desítky různých souborů, abyste získali informace o různých aspektech vašeho návrhového procesu.
  • Nabídky a ceny jsou konzistentní – Vaše šablona bude obsahovat seznam všech vašich služeb spolu s náklady na jednotlivé služby. To znamená, že se nemusíte starat o stanovení ceny za každou práci – základní ceny již existují. Musíte je upravit pouze v případě, že pracujete s neobvykle velkým webem.
  • Šablony jsou příležitostí ukázat své designové dovednosti – Vytvoření poutavé šablony, která zobrazí osobnost vaší společnosti, pomůže potenciálním klientům spojit se s vaší společností na osobnější úrovni. Je to také jemný způsob, jak ukázat zákazníkovi své technické dovednosti.
  • Šablony si můžete přizpůsobit během několika minut – Budou existovat určité zřejmé oblasti, kde si můžete přizpůsobit každou šablonu: kontaktní informace klienta, prohlášení o problému, prohlášení o cílech. Několik rychlých vylepšení učiní z vaší šablony ideální návrh pro vašeho potenciálního klienta.

výhody šablony návrhu

Stručně řečeno, pomocí šablon návrhů webového designu můžete rozšířit své podnikání a snížit počet hodin, které strávíte jednotlivými návrhy.

Brendan Quigley

Brendan Quigley
žalud30

Zpočátku by to trvalo týdny, než jsme dostali návrh na klienta, ale teď můžeme doslova udělat jeden za pár minut. Uvědomili jsme si, že významná část zpoždění nevěděla, kde začít s návrhem, nebo zda by to, co jsme na papíře uváděli, bylo to, co potenciální klienti hledali. Po prozkoumání online a posouzení návrhů konkurentů jsme dokázali vytvořit základní šablonu, kterou bychom vylepšili a upravovali, dokud nenajdeme fungující.

Jak vytvořit šablonu návrhu webového designu

Šablona návrhu úspěšného webového návrhu musí obsahovat následující prvky:

  • Úvod – Vysvětlete, kdo jste, a některé základní údaje o vaší společnosti. Zahrňte základní přehledný přehled svých služeb.
  • Problémové prohlášení – Celá stránka věnovaná podrobnému vysvětlení problémů vašeho klienta.
  • Cíle / navrhovaná řešení – Na této stránce budou sdíleny cíle vašeho projektu webového designu se zaměřením na konkrétní řešení, která implementujete.
  • Standardní členění balíčků – Toto členění poskytne podrobnější informace o vašem standardním balíčku webového designu.
  • Extras – Komplexní seznam doplňků, které si zákazníci mohou zakoupit kromě standardního designového balíčku.
  • Posudky – Umístěte alespoň tři posudky od klientů na samostatnou stránku a připojte screenshoty z webů, které jste pro tyto klienty navrhli. Možná budete chtít změnit tyto každých 6-12 měsíců, aby odrážel vaši nedávnou práci.
  • Další kroky – Tato část by měla nastínit, jak může váš klient postupovat, pokud mají zájem o spolupráci s vámi.
  • Pravidla a podmínky & podpisová stránka – Nastiňuje to důvěrnost, práva na práci a způsob práce s klientem. Zadání smlouvy do návrhu usnadňuje klientům okamžité přihlášení k vašim službám.

struktura šablony návrhu

Dnes vám ukážeme, jak vytvořit každý z těchto prvků pro šablonu návrhu webového designu.

1. Úvod

Váš úvod je nejjednodušší součástí šablony návrhu webového designu, ale to ji neznamená, že je méně důležitá. Posiluje vaši firemní identitu, zobrazuje vaše znalosti o vašem klientovi a připomíná jim, proč vás nejprve kontaktovali.

Úvod návrhu by měl být formátován podobně jako obchodní dopis a musí obsahovat několik standardních prvků:

1.1. Název a logo vaší společnosti

Toto je jedna z nejjednodušších forem brandingu, ale mnoho nováčkových návrhářů ji zapomnělo zahrnout do své šablony návrhu webového designu. Návrh designu je oficiální firemní dokument a měl by vypadat jako jeden. Předvádění vašeho elegantního loga také upozorňuje vaše potenciální klienty na vaši celkovou estetiku.

1.2. Kontaktní informace vaší společnosti

Váš potenciální klient již může mít vaše kontaktní informace, ale měl by být stále uveden přímo pod názvem a logem vaší společnosti. Slouží to dvěma účelům: díky tomu se návrh cítí spíše jako oficiální dokument a pokud vás klient líbí váš návrh, usnadňuje vás kontaktování.

1.3. Jméno a potenciální kontaktní údaje klienta

Chcete pro to vytvořit prostor ve své šabloně návrhu webového designu pod svými vlastními kontaktními informacemi, formátovanými podobně jako obchodní dopis. V ideálním případě byste měli ve společnosti používat celé jméno konkrétní osoby, nikoli název společnosti.

1.4. Prohlášení o problému, které hodnotí specifické obavy klienta

Tento odstavec vám ukáže vaše porozumění potřebám vašeho klienta. Do šablony můžete vložit obecné prohlášení o problému nebo jednoduše nechat místo; to je jedna z oblastí, která by měla být pro každý návrh silně přizpůsobena.

1.5. Stručný přehled o vaší společnosti a poskytovaných službách

Ne více než dva odstavce, popište zkušenosti vaší společnosti a služby, které nabízíte. Umístěte své služby a zkušenosti jako způsob řešení problémů vašeho klienta. To umožní potenciálním klientům snadno posoudit vaše celkové služby a rozhodnout se, zda chtějí celý návrh zvážit.

Budete chtít upravit tuto oblast pro každého klienta, ale zahrnutí obecného odstavce do šablony je dobrý nápad. To usnadňuje úpravy jednotlivých návrhů.

1.6. Přehled zbývající části návrhu

Uveďte seznam odrážek každé části návrhu, včetně jejich příslušných čísel stránek. To prokazuje vaše organizační schopnosti a usnadňuje klientovi rozhodnout se, co nejdříve přečíst.

1.7. Tvůj podpis

Váš návrh by měl být schopen stát samostatně jako obchodní dopis. Odhlásit se pomocí tradičního rozloučení, například "s pozdravem", a do dokumentu přidejte svůj podpis.

Celkem by úvod vaší šablony neměl být delší než 3–4 odstavce.

�� Jak přizpůsobit tuto část návrhu: Představení bude jednou z nejvíce přizpůsobených částí návrhu. Pro začátečníky budete chtít zadat správné kontaktní informace a jméno pro každého jednotlivého klienta. Budete také chtít změnit prohlášení o problému tak, aby odpovídalo na individuální zájmy každého zákazníka, a upravit popis svých služeb tak, aby se zaměřil na řešení těchto konkrétních problémů.

2. Prohlášení o problému

Na této stránce šablony návrhu webového designu chcete rozšířit informace uvedené v úvodu. Stejně jako v úvodu, i tato část bude v každém návrhu silně přizpůsobena, ale do šablony můžete zahrnout několik věcí, které vám usnadní postup.

Začněte jedním odstavcem popisujícím typického klienta a problémy, kterým čelí. Upravíte to pro jednotlivé návrhy, takže se držte jen těch nejběžnějších problémů.

Zde je několik příkladů problémů, které byste mohli chtít zahrnout do šablony návrhu webového designu:

  • Zvýšená konkurence online, což má za následek nižší provoz
  • Nepodařilo se udržet nebo převést mobilní provoz
  • Nízké hodnocení ve vyhledávačích

Váš vlastní seznam by měl vycházet z problémů, s nimiž jste se v minulosti často setkávali u klientů.

�� Jak přizpůsobit tuto sekci: Většina vašich klientů může chtít podobné věci, ale jako individuální podnikatelé mají individuální potřeby. Pokud způsobí neobvyklý problém nebo si všimnete problému, který není uveden v šabloně, přidejte jej do seznamu.

Další, jemnější způsob, jak přizpůsobit tuto sekci, je přizpůsobit vaši slovní zásobu klientovi. Pokud mluví o svých problémech ve specifické terminologii, použijte některá stejná slova. Pokud chcete posunout terminologii, můžete to udělat úmyslně a ukázat klientovi, jak by se měli k problému přistupovat. To ukazuje, že jim rozumíte, nejen jak dělat svou vlastní práci.

3. Cíle / navrhované řešení

Tato část vašeho návrhu poskytne přehled cílů vašeho projektu se zaměřením na to, jak vyřešíte problémy diskutované v poslední části..

Abychom vám ukázali, jak to bude vypadat, využijte výše uvedené příklady: zvýšená konkurence, která má za následek nižší provoz, selhání při udržování nebo převodu mobilního provozu a nízké hodnocení ve vyhledávačích. Pro boj s těmito problémy můžete vytvořit následující seznam cílů:

  • Vytvořte si vlastní web s čerstvým moderním vzhledem – Vytvořte si jedinečný web pomocí vlastního motivu WordPress, díky čemuž bude web klienta s pamětí zapamatovatelnější než konkurenční weby.
  • Vytvořte mobilní funkce pomocí práce s citlivým tématem – Pomocí motivu WordPress s citlivým designem a přizpůsobením nastavení mobilního displeje maximalizujte mobilní funkce.
  • Přepište obsah webových stránek s využitím současných strategií a technik SEO – Vypracovat konzistentní strategii SEO a přepsat veškerý obsah webových stránek tak, aby byly splněny cíle této nové strategie.

Každý cíl by měl obsahovat krátké vysvětlení toho, jak je toho dosaženo, ale na to neutratí více než jednu větu. Podrobnější informace získáte v další části návrhu.

�� Jak přizpůsobit tuto sekci: Zde byste se měli soustředit především na řešení problémů uvedených v předchozí části návrhu, takže většina přizpůsobení bude řešit jakékoli nové obavy nebo smazat vše, co není relevantní. Znovu můžete také změnit jazyk v dokumentu tak, aby odpovídal slovníku nebo tónům značky vašeho klienta.

4. Standardní členění balíčků

Standardní členění balíčků ukazuje klientovi přesně to, co z práce s vámi získá. V této části šablony návrhu webového návrhu si přejete uvést jednotlivé služby zahrnuté ve vašem standardním členění balíčků. Každá služba by měla být uvedena s popisem věty 2-4, včetně odhadované časové osy. V této části by měla být uvedena také cena každé služby.

Ruben Gamez

Ruben Gamez
Bidsketch

Nejdůležitější oblasti vašeho návrhu jsou ceny a co dostanou za tuto cenu. Zní to zjevně, ale tolik lidí dělá jiné oblasti svých návrhů stejně důležitými (nebo důležitějšími) než tyto sekce. To znamená, že chcete, aby část problému / řešení vaší šablony byla na prvním místě a pečlivě ji následovala část týkající se tvorby cen, která poskytuje různé možnosti stanovení cen (takže nemusíte přesně stanovovat ceny).

Klíčem je, že zatímco vaše šablona by měla být snadno znovu použitelná, musí to vypadat, jako by to bylo pro vašeho potenciálního klienta zcela běžné. Můžete to udělat tím, že budete mít správnou strukturu, kde nejdůležitější a nejvlastnější věci jdou na prvním místě.

Pokud je například jednou z nabízených služeb přizpůsobení motivu WordPress, můžete ji zobrazit takto:

Přizpůsobení motivu WordPress – 500 $ – Budeme s vámi vybírat vhodné téma WordPress pro vaše obchodní potřeby. Jakmile je téma vybráno, nainstalujeme ho na váš web WordPress a přizpůsobíme jej vašim specifikacím. To bude trvat 1-3 týdny v závislosti na požadovaném množství přizpůsobení.

Tím se stanoví, jak budete pracovat s potenciálním klientem a co vaše individuální služby dosáhnou, spolu s tím, kolik budou tyto služby stát. Ukazuje to také vaše znalosti platformy, se kterou pracujete, a přitom je průměrný člověk snadno pochopitelný.

Vytvořte podobný popis pro každou službu nabízenou ve standardním balíčku a minimalizujte tak technický žargon. Položky by měly být také uvedeny v pořadí provedení, od první do poslední. Chcete, aby návrh odpovídal na dotazy vašich potenciálních klientů ohledně vašich služeb, a ne jim dal více.

Jakmile nastavíte všechny popisy, včetně odhadované časové osy, můžete vytvořit celkovou časovou osu na základě vašich standardních nabídek. Udělejte to tak, že sčítáte odhadované časové limity pro všechny vaše základní služby.

�� Jak přizpůsobit tuto sekci: Primární způsob, jak si budete chtít přizpůsobit tuto sekci, je odebrat nepotřebné služby a přidat jakékoli "další" položky, které váš klient požadoval. Pokud jsou všechny vaše doplňky uvedeny v šabloně, je tento proces stejně jednoduchý jako přesun příslušných informací z jedné části návrhu do druhé. Můžete to také přejít na další úroveň pomocí stejných slov, která použil váš klient ve své žádosti.

5. Extras

V této části vašeho návrhu budou uvedeny případné doplňky, které si klienti mohou zakoupit s jejich standardním balíčkem webového designu, například:

  • Nastavení dalších stránek
  • Odeslat šablony
  • Probíhající údržba
  • Ostatní designové služby
  • Copywriting služby
  • Marketingové služby v oblasti sociálních médií

Poskytněte úplný seznam dostupných doplňků a pro každý z nich napište popis věty 2-4. Znovu se chcete zaměřit na jednoduchý jazyk a vyhnout se technickému žargonu. Váš návrh by měl být přístupný průměrnému podnikateli, nejen online podnikatelům.

Brendan Quigley

Brendan Quigley
žalud30

Potenciální klienti získávají informace na míru, které potřebují na základě svého konkrétního projektu. Můžeme tedy mít 12 různých služeb, ale vyhlídka může hledat podporu pouze s pěti z těchto služeb. Vkládáme pět bloků textu, aby vyhovovaly jejich potřebám, a neposkytujeme jim úplný přehled o všech našich službách. To jim umožňuje přímo sladit jejich potřeby s naší schopností splnit jejich potřeby.

6. Posudky

Posudky jsou základem vašeho podnikání. Věnujte stránku svého návrhu sdílení vašich nejlepších posudků s budoucími klienty.

Tuto část šablony můžete nastavit jedním ze dvou způsobů. První možností je vybrat si své oblíbené 5-10 posudky a kreativně je zobrazit na stránce.

Druhou možností je vytvoření a "Posudky" části své šablony a zahrňte každý pozitivní posudek, který jste kdy dostali. Poté, když přizpůsobíte šablonu, můžete ponechat nabídky nejrelevantnější pro jednotlivého klienta a zbytek odstranit. Je to snadný způsob, jak do návrhu přidat další vrstvu personalizace.

7. Další kroky

Tato část ukazuje vašemu klientovi, jak může zahájit proces návrhu. Můžete například nabídnout tento seznam kroků:

  1. Přizpůsobení balíčku – Budeme s vámi spolupracovat na změně standardního balíčku webového designu tak, aby vyhovoval vašim potřebám, včetně doplňků podle potřeby. Jakmile budou všechny služby dohodnuty, dokončíme naši smlouvu s vámi. Bude to trvat 1-2 dny.
  2. Výběr motivu – Zjistíme vaše přesné potřeby a navrhneme 3-4 vlastní témata WordPress, ze kterých si můžete vybrat. V závislosti na zpětné vazbě od klienta to bude trvat až jeden týden.
  3. Přizpůsobení motivu – Jakmile vyberete motiv, nainstalujeme jej na váš web a upravíme podle potřeby. V závislosti na tématu to bude trvat 1-2 týdny.

�� Jak přizpůsobit tuto sekci: Mnoho zákazníků vás osloví s konkrétní časovou osou, takže možná budete muset změnit časovou osu každého kroku, aby odpovídal jejich cílům. Pokud jste již s několika potenciálními klienty vedli několik rozhovorů, můžete vyloučit prvních několik kroků ze seznamu a k návrhu připojit kopii smlouvy, aby bylo možné věci okamžitě dokončit.

8. Podmínky

Mnoho designérů nedokáže diskutovat o právním aspektu své práce až do skutečné fáze smlouvy, ale sdílení vašich podmínek ve vašem návrhu zvyšuje vaši profesionalitu. Rovněž to pomáhá vašemu potenciálnímu klientovi, aby se cítil, jako by dělal informované rozhodnutí hned od začátku.

Tento článek nemá nahradit právní radu a blog CodeinWP není provozován právníky, ale existuje několik věcí, které důrazně doporučujeme zahrnout do vašich obchodních podmínek:

  • Prohlášení o důvěrnosti – Většina společností bude chtít nějakou formu dohody o zachování důvěrnosti a mnoho z nich bude mít vlastní standardní NDA. Sdílení vlastního prohlášení o důvěrnosti ukazuje, že této potřebě rozumíte.
  • Struktura poplatků a vkladů – Pokud očekáváte 50% vklad, musíte to výslovně uvést ve svých obchodních podmínkách. Musíte také zahrnout podmínky, za kterých jsou klienti schopni získat zálohu, pokud existují.

Pro více informací o právním aspektu webdesignu se podívejte na BeeWitz ’17 Essentials Web Design Contract Essentials. Pokud již nemáte vlastní smluvní podmínky nebo standardní smlouvu, měli byste také vyhledat profesionální právní radu.

Přizpůsobení vašich návrhů

Po vytvoření šablony návrhu webového designu můžete začít odesílat jednotlivé návrhy. A mělo by to trvat jen pár minut – vše, co musíte udělat, je připojit k e-mailu a ujistit se, že jej pošlete správné osobě, správně?

Špatně. Šablony návrhů webových návrhů jsou skvělým způsobem, jak ušetřit čas, ale nemůžete poslat 100% identické návrhy každému. Úspěšné návrhy jsou ty, které mluví přímo s vašimi klienty, které se pro ně cítí zcela jedinečné, i když jsou založeny na šabloně.

Začíná to změnou instancí jména klienta a vložením správných kontaktních informací do úvodu, ale jde to mnohem dále. Ve skutečnosti jsou přizpůsobené aspekty vašeho návrhu nejdůležitější.

V této příručce jsme již prozkoumali, jak si můžete přizpůsobit různé části svého návrhu. Nyní se podívejme na několik tipů, jak přizpůsobit svůj návrh jako celek:

  • Použijte find + nahradit – Nejjednodušší způsob, jak se chytit pomocí návrhu šablony, je nechat slova "jméno klienta" na místě, kde byste měli použít jméno jednotlivce. Použití find + nahradit vám pomůže vyhnout se tomuto problému. Trik, který můžete použít, je mít zástupné symboly jako, "TK-KLIENT-JMÉNO". Kouzlo "TK" (jako v příštích letech) je to, že se nevyskytuje v angličtině, což znamená, že vyhledávání je jednoduché.
  • Přizpůsobte tón značky vašeho potenciálního klienta – Už jsme o tom diskutovali, ale stojí za to zopakovat. Přizpůsobení tónů vašeho klienta zajistí, že budou rozumět informacím, které prezentujete, a je to jemný způsob, jak jim ukázat, že rozumíte jejich podnikání..
  • Referenční specifické oblasti webu – Pokud je to možné, vložte odkazy na konkrétní části webu. Možná budete chtít pořídit snímky obrazovky nebo zvednout kousky textu z webu a ukázat, o čem přesně mluvíte. To je další snadný způsob, jak ukázat klientovi, že rozumíte jeho konkrétním potřebám.

přizpůsobit návrh

Odeslání vašeho návrhu klientovi

Můžete použít e-mail – stará škola. Ale pak nevíte, kdy se klient otevřel a přečetl váš návrh.

Chcete-li to bojovat, můžete nainstalovat něco jako Boomerang pro Gmail. Říká vám, kdy lidé otevírají vaše e-maily, kliknou na vaše odkazy atd.

Nebo můžete použít jeden z oblíbených návrhových nástrojů. Ty nejlepší jsou Bidsketch, A CO (ve své sadě mají více nástrojů) a Navrhnout. Bidsketch například umožňuje zjistit, co klienti dělají s vašimi návrhy, a také vám poskytuje přístup k některým dalším návrhovým nástrojům a šablonám.

bidsketch
and.co
navrhnout

Závěrečná rada

Vytvoření vlastní šablony návrhu webového designu je jednou z těch činností, které mají dlouhodobě vysokou návratnost investic. Udělejte to jednou a poté sklízejte výhody pro měsíce (možná roky), které přijdou.

Další způsoby, jak zefektivnit podnikání a získat více času na design a vytváření stránek, naleznete v našem seznamu nástrojů pro produktivitu pro návrháře WordPress..

Nezapomeňte se připojit k našemu havarijnímu kurzu při urychlení vašeho webu WordPress. Pomocí několika jednoduchých oprav můžete zkrátit dobu načítání až o 50–80%:

Rozvržení, prezentace a úpravy Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map