Jak vytvořit web pro nový produkt (a jak jsme to udělali)

Pokud ještě nemáte kreativní příspěvek, začněte zde. Kreativní zkratka popisuje přesně jak plánujete mluvit o svém produktu nebo společnosti. Definuje tón hlasu vaší značky, paletu barev, hodnotové prohlášení a mnoho dalšího. Váš kreativní stručný popis, jak bude vaše webové stránky komunikovat se zákazníky.

Pokud jste prošli procesem vývoje loga, možná jste již vytvořili kreaturu. Pokud ano, můžete to znovu použít pro své webové stránky. Pokud jste ještě nevytvořili kreativní příspěvek, je nyní čas na jeho vytvoření.

Naštěstí jsem již napsal podrobný článek, který vás naučí, jak to udělat, který obsahuje příklady z kreativního briefingu Outpost, takže můžete vidět, jak jsme postavili naše. Takže pokud potřebujete pracovat na kreativním příspěvku, podívejte se na můj článek o tom, jak jsme vyvinuli naše logo a jeho kreativní strukturu, a pak se sem vrátíme, až budete připraveni.

Vytvořit soubor Sitemap

ručně, začnete pracovat na souboru Sitemap. Sitemap je prostě přehled, který obsahuje seznam všech stránek (včetně jejich účelů a cílů), které plánujete zahrnout i na vaše stránky.

Zde je mapa stránek, kterou jsme vyvinuli pro Outpost:

1. 1. Home : Přehled produktu a "výzvu k akci", abyste se zaregistrovali na bezplatnou zkušební verzi. Sekundární odkazy na jiné stránky, které popisují funkce.
   2. Přehled funkcí : Přehled všech funkcí s odkazy na podrobné funkce.
      1. Detaily funkce pro funkci A: Podrobnosti o funkci A.
      2. Funkce B: Podrobnosti o funkci B.
      3. Opakujte pro všechny funkce

• Ceny: podrobnosti o cenových plánech a odkazech na registraci pro bezplatnou zkušební verzi
• Zákazníci: Profily úspěšných zákazníků
• O nás: Přehled o tom, kdo jsme, o našem poslání a naší historii
• Kontaktujte nás:
• Úkoly: Seznam aktuálních pracovních míst
• Prohlášení o ochraně osobních údajů: Zásady ochrany osobních údajů služby Outpost
• Blog: Blog Post:
• K dispozici bude více blogů. Centrum nápovědy:
• Naše centrum nápovědy bude podporováno firmou Zendesk. Samozřejmě, vaše stránky budou pravděpodobně velmi odlišné od stránek Sitemap Outpost. Pokud jste například restaurace, pravděpodobně budete mít stránky nebo dvě nabídky a stránku pro rezervace. Pokud stavíte internetový obchod, pravděpodobně budete mít mnoho různých stránek produktu.

Vaše dokumenty Sitemap dokumentují, jak nejlépe můžete, co si myslíte, že váš web bude obsahovat. Tento malý plán plánuje zbytek plánování a vývoje místa mnohem jednodušší, takže stojí za to investovat v této rané fázi.

Napište svou kopii nejprve před designem

Myslíš si, že jsem Nechte tu objednávku. Neměli byste navrhnout své webové stránky předtím, než přemýšlíte o tom, jaké slova se chystáte dát na stránku?

Ve skutečnosti je lepší přístup udělat věci "zpětně" a přemýšlet o vašem webu, kopie. Proč? Protože to, co chcete svým zákazníkům sdělit, je mnohem důležitější než skutečný konečný návrh vašeho webu. Samozřejmě, design má záležitost a chcete mít stránky, které vypadají dobře, ale pokud nemůžete sdělit své klíčové zprávy vašim uživatelům, dobrý design nevyrovná rozdíl.

Nejprve si napište svou kopii také pomáhá vám a potenciálním návrhářům pochopit, co se každá stránka snaží komunikovat. Výsledkem je lepší design, který posílí vaše zasílání zpráv. Dokonce i když se chystáte postavit své stránky sami pomocí nástroje jako je Squarespace, vědět, co každá stránka potřebuje říct, než vy vyberete design bude velký spořič času.

Když přijde čas na svůj design, můžete musíte upravit svou kopii, abyste se ujistili, že se věci správně hodí, ale to bude jednodušší než pokus o psaní kopie pro návrh, který nebyl vytvořen pro zasílání zpráv.

Pro vaši domovskou stránku pravděpodobně budete chtít nadpis popisuje přesně to, co děláte - klíčové hodnoty pro vaše zákazníky. Za tím bude krátký a rozšířený popis toho, co vaše společnost dělá.

Zde je název a rozšířený popis produktu Outpost, který budeme vytvářet:

Zjednodušte sdílený e-mail

Sledování, a odpovězte na zprávy zaslané na generické e-mailové adresy, jako je například podpora @ nebo info @.

Od této chvíle bude kopie, kterou zahrnout na domovskou stránku, skutečně určena typem společnosti, kterou jste, jsou a co musíte komunikovat.

V případě společnosti Outpost musíme sdělit klíčové vlastnosti a výhody našeho produktu a povzbudit potenciální zákazníky, aby se dozvěděli více. Chceme také hovořit o našem týmu pro zákazníky a o tom, jak jsou skvělé.

Ale nemusí to být správné nastavení pro vaši domovskou stránku. Pokud jste restaurace, možná chcete mít odkazy na vaše menu nebo informace o získání rezervace. Každá společnost je jiná, a tak zjistěte, co potřebujete říct a pak ji zapište.

Nemusíte se však starat o to, že začínáte prázdnou stránkou. Místo toho přidejte seznam vašich oblíbených webových stránek ve vašem oboru a přemýšlejte o tom, co se vám líbí a nelíbí vám. Jakou navigaci používají? Které stránky obsahují? Jaké obrázky používají? Kolečko není nutné vynalézt a použití oblíbeného místa jako skákacího bodu je skvělý způsob, jak začít.

Poslední tip:

Méně je obvykle více. Nebuďte v pokušení psát nekonečné odstavce kopie pro vaše webové stránky (pokud to není to, co vaše zákazníci očekávají!). Pokud věnujete pozornost tomu, jak používáte webové stránky, zjistíte, že často skrývají text, ne čtete každé slovo. Protože to je to, jak většina lidí čte online - skimming místo toho, aby četla každé slovo - držte svou kopii krátkou a do té míry Vytvoření drátového rámu

Drátěný rám je hrubý rozložení vašeho webu. Není to přesně design. Jedná se o dokument, který zobrazuje zhruba to, kam se budou věci na stránce pohybovat, aniž by se jednalo o barvu nebo jinou grafiku.

Pokud pracujete s návrhářem na vytváření svých webových stránek, vytvoří vám jako součást designu. Pokud vytváříte vlastní webové stránky pomocí služby jako Squarespace nebo Shopify, můžete si snadno vytvořit drátěný rámeček sami.

Nenechte se tímto krokem zastrašit. Nepotřebujete žádné speciální nástroje pro vybudování drátového rámu. Podložka papíru a pero stačí k vykreslení každé stránky vašeho webu. Nezapomeňte, že nejste "návrháři" a drátěný rám nemusí být hezký. Stačí, abyste sdělili, co se děje na stránce.

Pokud potřebujete inspiraci, podívejte se na další stránky, které se vám líbí, a podívejte se na to, jak strukturovat informace na každé stránce. Je to naprosto správné, abyste si mohli půjčovat rozvržení z jiných stránek a najít inspiraci pro své vlastní stránky.

Pokud používáte pero a papír, není to vaše věc, můžete použít PowerPoint nebo Keynote k vytvoření drátových rámců. Existují také speciální nástroje pro vytváření drátů, jako je Balsamiq, které usnadňují proces.

Začal jsem zahrnout drátěný rám stránky Outpost tak, abyste získali představu o tom, jak vypadá drátěný rám. Můžete si také prohlédnout kopii, kterou jsme vytvořili v předchozím kroku, a náčrtek nápadu grafického prvku, který chceme, aby návrhář vytvořil.

Náš wireframe pro Outpost