Webhely létrehozása egy új termékhez (és hogyan csináltuk)

Hogyan készíts ingyenes weboldalt 7 perc alatt

Tartalomjegyzék:

Kezdjen egy kreatív rövid
Kezdjük el dolgozni a webhelytérképen. A webhelytérkép egyszerűen egy vázlat, amely felsorolja az összes oldalát (beleértve azok célját és célját), amelyet a webhelyére való beillesztésre tervez.
Ha egy tervezővel dolgozik a webhely építéséhez, tervezési folyamat. Ha a saját webhelyedet felépíti, például egy Squarespace vagy Shopify szolgáltatás használatával, egyszerűen létrehozhat egy drótvázakat saját kezűleg.
De feltételezve, hogy olyanok vagyunk, mint a legtöbb s, valószínűleg ezt csinálod magad, és a költségeket a kontroll alatt szeretnéd tartani . Ha ez úgy hangzik, mint te, akkor ki kell választania egy platformot a webhely megtervezéséhez és fogadásához.
Ha ezt mindent ki szeretné futtatni, akkor futtatnia kell néhány teszt. Ez az A / B tesztelés. Ez az, amikor a jelenlegi weboldalát (az A-verziót) egy másik alternatívával (a B-verzióval) futtatod. Ezután mérje meg, melyik verzió jobban teljesít. A sikert a megnövekedett eladások, a megnövekedett üzleti hívások, vagy az ügyfelek egy másik oldalra történő kattintásának mérésével mérheti.

A szerkesztő megjegyzése: Új terméket indítunk, és el akarunk vinni az útra. Tehát visszahúzzuk a függönyt, hogy megnézzük, mi történik az épületek jelenlétével és valami újat indít.

Miután elolvasta ezt a cikket, győződjön meg arról, hogy az első, a második, a harmadik és a negyedik részlet ebben a sorozatban is.

Nem számít, milyen vállalkozást indít, egy weboldalra van szüksége. Valószínűleg fontos, hogy egy weboldalnak manapság van a névjegykártyája.

Bizonyos kiválasztott vállalkozások, például az élelmiszer-kocsik, esetleg el tudnak távolodni attól, hogy csak a Facebookon és más szociális platformokon tartózkodnak. De ezekben a napokban ez a kivétel, nem a szabály, és valószínűleg szükséged lesz egy dedikált weboldalra.

Soha nem túl korai elkezdeni gondolkodni arról, hogyan fogja felépíteni. Ezek a dolgok időt vesz igénybe - gyakran több, mint gondolná. Arra kell gondolnod, hogy milyen weboldalra van szüksége, és hogyan fogsz felépíteni, és korán elindítja a kerekeket.

Itt a Palo Alto Szoftverben, mi vagyunk az új termék, az Outpost. Webhelyünk lesz az elsődleges módja annak, hogy a potenciális ügyfelek megismerjék termékeinket és (ami a legfontosabb!) A legfontosabb módja annak, hogy megtalálják az árakról szóló információkat, és feliratkozzanak az Outpostra.

Az Outpost weboldalán is ügyfeleink fő erőforrása a segítség és kiderítve, hogyan lépjen kapcsolatba velünk.

Ha nem követtétek el, ahogy beszéltünk az Outpost építéséről, itt egy gyors frissítés:

Az Outpost segíti a csapatokat a megosztott postaládák kezelésében, hogy könnyebben követhessék, és válaszoljon az olyan általános e-mail címekre küldött üzenetekre, mint az [email protected] és a [email protected]. Az Outpost olyan, mint a küldetés ellenőrzése az összes bejövő e-mail számára, és biztosítja, hogy minden e-mail kapja a megfelelő választ, és semmi sem esik át a repedéseken.

Ha többet szeretne megtudni arról, hogyan építettünk ki az Outpostot, és kapja meg a teljes történetet. Vagy, maradj itt és olvasd el, hogy megtanuld, hogyan terveztük és építettük weboldalunkat.

Kezdjen egy kreatív rövid

Ha még nincs kreatív rövid ismertető, kezdd el. A kreatív röviden pontosan leírja, hogyan kíván beszélni termékéről vagy cégéről. Meghatározza a márkád hangját, a színpalettát, az értékelõ nyilatkozatot és még sok minden mást. A hirdetés rövid határozza meg, hogy webhelye hogyan fog kommunikálni az ügyfelekkel.

Lehet, hogy már készített egy kreatív rövidítést, ha átment a logó fejlesztési folyamaton. Ha igen, akkor csak újra felhasználhatja az Ön weboldalán. Ha még nem készítettél kreatív rövidet, akkor itt az ideje, hogy felépítsen egyet.

Szerencsére már írtam egy részletes cikket, amely megmutatja, hogyan kell csinálni, amely példákat tartalmaz az Outpost kreatív rövid ismertetéséről. láthatod, hogyan építettük a miénk. Szóval, ha kreatív rövidre szeretnél dolgozni, nézd meg a cikkemet, hogyan alakítottuk ki logóját és kreatív rövidségét, majd jöttünk vissza ide, amikor kész vagy.

Webhelytérkép készítése

Kezdjük el dolgozni a webhelytérképen. A webhelytérkép egyszerűen egy vázlat, amely felsorolja az összes oldalát (beleértve azok célját és célját), amelyet a webhelyére való beillesztésre tervez.

Itt van az Outpost:

Home

webhelytérkép: Termék áttekintés és egy "cselekvésre való felhívás", hogy regisztrálj egy ingyenes próbára. Szolgáltatások áttekintése

: Az összes funkció áttekintése, részletes hivatkozási oldalakra mutató hivatkozásokkal A funkció jellemzői: A jellemző jellemzői

A funkció jellemzői B funkció: A B. szolgáltatás részlete.

Ismételje meg az összes funkciót.

Árképzés: Az árazási tervek részletei és az ingyenes próbaverzióra való hivatkozások.

Ügyfelek:

A sikeres ügyfelek profilja Rólunk:

Áttekintés arról, hogy kik vagyunk, küldetésünk és történelmünk. Kapcsolat:

Kapcsolatfelvételi adatok, órák, helyszín < A jelenlegi munkalehetőségek listája

Adatvédelmi nyilatkozat: Az Outpost adatvédelmi irányelvei

Blog: A blog legfrissebb blogbejegyzéseinek kezdőlapja

Blogbejegyzés: Több blogbejegyzést fog kapni. Ez az oldal a sablon lesz számukra.

Súgó: Segítségünket a Zendesk hajtja végre.

Természetesen a webhely valószínűleg nagyon különböző lesz, mint az Outpost webhelytérkép. Ha például étterem vagy, akkor valószínűleg van egy vagy két oldal a menükhöz és egy oldal a foglalásokhoz. Ha online áruházat építesz, akkor valószínűleg sok különböző termékoldal van. A webhelytérkép dokumentumait, amennyire csak lehet, mit gondol a webhelyednek. Ez a kis méretű tervezés sokkal könnyebbé teszi a helyszín tervezését és fejlesztését, így érdemes a befektetést ebben a korai szakaszban.

Írja be a példányt először a tervezés előtt

Azt fogod gondolni, hogy nem itt nem kapja meg a rendelést. Nem tervezi meg a weboldalát, mielőtt elgondolkodna azon, hogy milyen szavakat szeretne felmutatni az oldalra?

Valójában a jobb megközelítés az, hogy a dolgokat "visszafelé" hajtsuk végre, és gondold át, ez a másolat. Miért? Mert az, hogy mit szeretne kommunikálni ügyfeleivel, sokkal fontosabb, mint a webhely tényleges végleges kialakítása. Természetesen a tervezés számít, és szeretne egy olyan helyszínt látni, amely jól néz ki, de ha nem tudja kommunikálni kulcsfontosságú üzeneteit a felhasználóknak, akkor a jó design nem fogja pótolni a különbséget.

segít abban is, hogy a potenciális tervezők megértsék, hogy az egyes oldalak hogyan kommunikálnak. Ez jobb tervezést eredményez, amely megerősíti az üzenetküldést. Még akkor is, ha a Squarespace eszközzel saját maga építené webhelyét, tudván, hogy minden oldalnak mi kell, mielőtt kiválasztaná a tervét, nagy időmegtakarítás lesz.

Ha eljön az ideje a tervezésnek, finomítani kell a másolatot, hogy megbizonyosodjon arról, hogy a dolgok megfelelően illeszkednek, de ez könnyebb lesz, mint megpróbál egy másolatot készíteni egy olyan dizájnra, amelyet nem építettek az üzeneteihez.

Az Ön kezdőlapján valószínűleg olyan címsort akarsz pontosan leírja, hogy mit csinál - kulcsfontosságú ajánlatát ügyfeleinek. Ezt követni fogja a vállalkozásának rövid, kibővített leírását.

Itt van a címünk és a kibővített leírás az Outpostnak, az általunk gyártott terméknek:

A megosztott e-mail egyszerűsítése

Könnyen nyomon követheti, együttműködhet, és válaszoljon a generikus e-mail címekre küldött üzenetekre, mint például a támogatás @ vagy info @.

Innen a saját honlapján feltüntetett példányt ténylegesen meg fogja határozni a cég típusa, van, és mit kell kommunikálnia.

Az Outpost esetében meg kell adnunk a termékünk legfontosabb jellemzőit és előnyeit, és arra kell ösztönözni a potenciális ügyfeleket, hogy többet megtudjanak. Azt is szeretnénk beszélni ügyfélszolgálati csapatunkról, és milyen nagyszerűek.

De ez nem feltétlenül a megfelelő beállítás a saját honlapján. Ha étterem vagy, lehet, hogy linkje van a menükben vagy a foglalás megszerzésével kapcsolatos információk. Minden cég más, így kitaláljuk, hogy mit kell mondanunk, majd írjuk le.

Ne aggódj, hogy egy üres oldalt kezdesz. Ehelyett dolgozzon ki egy listát a kedvenc webhelyeiről az iparágban, és gondoljon arra, hogy tetszik és nem szeret minden egyes webhelyről. Milyen navigációt használnak? Milyen oldalakat tartalmaznak? Milyen képeket használnak? Nem kell újra feltalálnod a kereket, és egy kedvelt helyszínt mint ugrási pontot használni egy nagyszerű út az induláshoz.

Egy utolsó tipp:

A kevesebb általában több. Ne kísértsd meg, hogy végtelen példányokat írj a webhelyedre (kivéve, ha az ügyfeleid elvárják!). Ha figyelmet fordít arra, hogy hogyan használja a weboldalakat, azt fogja találni, hogy gyakran átszúrja a szöveget, és nem olvasta minden szót. Mert ez az, hogy a legtöbb ember online olvasást olvashat le ahelyett, hogy elolvasta minden szót - tartsa rövid és pontosan a példányát.

A drótkeret kialakítása A drótváz a weboldal durva elrendezése. Ez nem igazán egy design, pontosan. Ez egy dokumentum, amely nagyjából megmutatja, hogy a dolgok hol megynek az oldalon, anélkül, hogy a színes vagy egyéb grafika érdekelne.

Ha egy tervezővel dolgozik a webhely építéséhez, tervezési folyamat. Ha a saját webhelyedet felépíti, például egy Squarespace vagy Shopify szolgáltatás használatával, egyszerűen létrehozhat egy drótvázakat saját kezűleg.

Ne felejtsd el ezt a lépést. Nincs szükség speciális eszközre a drótváz létrehozására. Egy papírtömb és egy toll elegendő ahhoz, hogy kirajzolja a webhely minden egyes oldalát. Ne felejtsd el, hogy nem "tervezel", és a drótkeretnek nem kell szépnek lennie. Csak annyit kell tudnia, hogy mi történik, ha egy oldalon van.

Ha inspirációra van szüksége, nézze meg az egyéb helyeket, amelyek tetszenek, és nézze meg, hogyan strukturálják az egyes oldalakon található információkat. Teljesen rendben van, hogy kölcsönözzön elrendezéseket más oldalakról, és inspirációt találjon saját webhelyére.

Ha a tollat és a papírt nem használja, a PowerPoint vagy a Keynote segítségével létrehozhat drótvázakat. Vannak olyan dedikált drótkötél-szerszámok, mint a Balsamiq, amelyek megkönnyítik a folyamatot.

Az Outpost honlap drótvázát az alábbiakban vettem fel, így elképzelhető, hogy egy drótvázkeret hogyan néz ki. Megtekintheted az előző lépésben létrehozott példányt, és egy grafikus elem ötletének vázlását, amelyet a tervezőnek meg kell hoznia.

A drótkeretünk az Outposthoz

Design and build

Most végre készen áll a weboldal megtervezésére és építésére. Ha szabadúszó tervezőt vagy formatervező céget használsz, akkor innen fogják átvenni a folyamatot.

De feltételezve, hogy olyanok vagyunk, mint a legtöbb s, valószínűleg ezt csinálod magad, és a költségeket a kontroll alatt szeretnéd tartani. Ha ez úgy hangzik, mint te, akkor ki kell választania egy platformot a webhely megtervezéséhez és fogadásához.

Először is fontolja meg az igényeit. Szüksége van egy egyszerű, egyoldalas weboldalra? Szeretne egy blogot is beilleszteni? Eladja termékeit online, és olyan dolgokat szeretne, mint egy bevásárlókosár?

Szó szerint több száz lehetséges választási lehetőség van, de csak néhány kedvencemet fogom felsorolni, hogy ne kerüljön túlságosan a platform kiválasztása az Ön weboldalán.

WordPress: Ez egy nagy, olcsó platform minden egyszerű weboldal számára. Rengeteg tervezési lehetőség van, és ingyen elindulhat. Nem javasolnám a WordPress-et, ha sok áruval rendelkező online áruházat tervezel, de ez egy nagyszerű lehetőség egy alapvető információs webhelyre és blogra. Több százezer weboldal használ WordPress-ot, így nem lehet túlságosan rossz ebben a választásban. És van néhány lehetőség, hogy kereskedelmi funkciókat töltsön be a webhelyére, ha szükséges.

Shopify:

Ha online értékesítesz dolgokat, a Shopify kitűnő választás. A teljes online áruházat futtathatja ezen a platformon, és megkaphatja az összes olyan back-end eszközt, amelyre szüksége van a termékeinek, a készletének stb. Kezeléséhez.

Squarespace: A Squarespace az összes kereskedelem jack-e. Használhatja azt, hogy mindent létrehozzon egy blogról egy online áruházra. Gyönyörű tervezési sablonokkal és végtelen rugalmassággal nagyszerű választás az elinduláshoz.

Az Outpost esetében kicsit más helyzetben vagyunk. Mint egy meglévő vállalat, van egy belső tervező és néhány mérnök, akik a honlapunkon dolgoznak. De ha ez nem így lenne, valószínűleg választanék a WordPress vagy a Squarespace webhelyünket. Teszt és iterálás

Miután az új weboldal felállt és futott, a munka nem történt meg. Valójában csak kezdődik! Lehet, hogy nem akarod ezt hallani, de most, hogy a webhelyed él, meg kell találnod, hogy valóban működik-e a másolata, amelyet maga írt. Az Ön példánya megkönnyíti az ügyfeleket, hogy tegyenek meg tennivalókat? A helyes tervek és másolatok megkeresése növeli az ügyfelek számát, és gondoskodik róla, hogy a lehető legtöbbet hozza ki a webhelyéről.

Ha ezt mindent ki szeretné futtatni, akkor futtatnia kell néhány teszt. Ez az A / B tesztelés. Ez az, amikor a jelenlegi weboldalát (az A-verziót) egy másik alternatívával (a B-verzióval) futtatod. Ezután mérje meg, melyik verzió jobban teljesít. A sikert a megnövekedett eladások, a megnövekedett üzleti hívások, vagy az ügyfelek egy másik oldalra történő kattintásának mérésével mérheti.

Nem fogok részletesen megismerkedni az A / B teszteléssel, mert ez egy másik nap egy mélyreható témája, de elmondom neked, hogy további eszközökre lesz szükséged a tesztelés elvégzéséhez.

I javasoljuk a Kísérletek konvertálása vagy a Vizuális webhely-optimalizáló lehetőséget. Mindkettő szilárd, megfizethető választási lehetőségeket kínál, amelyek megkönnyítik a tesztelést.

Biztosítania kell továbbá, hogy olyan elemzési eszközt telepített, mint a Google Analytics (ingyenes!), Hogy megértse, hogy milyen emberek látogatják webhelyét és

Ha további kérdései vagy észrevételei vannak a webhely felépítésével és működtetésével kapcsolatban, kérjük, ne habozzon kérdezni a megjegyzésekben.