Verkkosivuston rakentaminen uudelle tuotteelle (ja miten me teimme sen)

40 lopullista sanavinkkiä vuodelle 2020

Sisällysluettelo:

Aloita luovalla alttarilla
Luo sivukartta
Runkorakenne on sivustosi karkea ulkoasu. Se ei ole oikeastaan muotoilu, tarkalleen. Se on asiakirja, joka näyttää karkeasti, mistä asiat kulkevat sivulle, ilman huolta väreistä tai muista grafiikoista.
Nyt on lopulta aika suunnitella ja rakentaa verkkosivustoasi. Jos käytät freelance-suunnittelijaa tai suunnittelutoimistoa, he tulevat käsittelemään prosessin täältä.
Kun uusi verkkosivusto on käynnissä, työtä ei tehdä. Itse asiassa se on vasta alkamassa! Et ehkä halua kuulla sitä, mutta nyt, kun sivustosi on elossa, sinun on selvitettävä, onko todella kopio, jonka kirjoitit itse asiassa. Onko kopiosi saada asiakkaita tekemään mitä haluat heidän tekevän? Oikeiden mallien ja kopioiden löytäminen kasvattaa asiakkaidesi määrää ja varmista, että saat kaiken irti kaikista mahdollisuuksista, jotka tulevat sivustollesi.

Toimittajan huomautus: Laukaisimme uuden tuotteen ja haluamme viedä sinut reitille. Joten vetämme takaisin verhon, antaen sisäisen tarkastelun siitä, mitä todella tapahtuu rakennusten kohtausten takana ja käynnistämällä jotain uutta.

Kun olet lukenut tämän artikkelin, varmista, että tarkistat myös ensimmäisen, toinen, kolmas ja neljäs erä tässä sarjassa.

Riippumatta millaista liiketoimintaa aloitat, tarvitset verkkosivuston. Sivuston sijainti on luultavasti tärkeämpää kuin käyntikorttien tarjoaminen näinä päivinä.

Jotkut valitut yritykset, kuten ruoka-autot, saattavat päästä eroon vain olemalla läsnä Facebookissa ja muilla sosiaalisilla alustoilla. Mutta näinä päivinä tämä on poikkeus, ei sääntö, ja luultavasti tarvitset erillisen verkkosivuston.

Ja ei ole koskaan liian aikaista alkaa ajatella, miten aiotte rakentaa sitä. Nämä asiat vievät aikaa - usein enemmän kuin luulet. Sinun täytyy miettiä millaista verkkosivustoa tarvitset ja miten aiotte rakentaa sitä ja asettaa pyörät liikkeelle ajoissa.

Täällä Palo Alto -ohjelmistossa olemme parhaillaan rakentamassa uutta tuotetta, Outpost. Sivustomme on ensisijainen tapa, jolla potentiaaliset asiakkaat oppivat tuotteistamme ja (tärkeintä!) Tärkein tavoite löytää hinnoittelutietoja ja tilata Outpost.

Outpostin verkkosivut ovat myös asiakkaidemme pääasiallinen apu ja apu selvittää miten voit ottaa meihin yhteyttä

Jos et ole seurannut pitkin, kuten olemme puhuneet rakentamisesta Outpost, tässä on nopea kertaus:

Outpost auttaa ryhmät hallita jaettuja ja postilaatikoita, jotta he voivat helposti seurata, ja vastata yleisiin sähköpostiosoitteisiin lähetettyihin viesteihin, kuten [email protected] ja [email protected]. Outpost on kuin lähetystekniikan valvonta kaikille saapuville sähköposteillemme ja varmistaa, että jokainen sähköpostiosoite saa oikean vastauksen eikä murtumia ole mitään.

Jos haluat lisätietoja Outpostin rakentamisesta, voit aloittaa alusta ja saada koko tarina. Tai pysy täällä ja lue, niin näet, kuinka suunnitimme ja rakensimme verkkosivustollamme.

Aloita luovalla alttarilla

Jos sinulla ei vielä ole luovuutta, aloita täältä. Luova kuvaus kertoo täsmälleen, miten aiot puhua tuotteesta tai yrityksestäsi. Siinä määritellään brändisi äänensävy, väripaletti, arvoilmoitus ja paljon muuta. Luova sana määrittelee, miten sivustosi kommunikoi asiakkaiden kanssa.

Olet ehkä luonut luovaa lyhennettä, jos olet käynyt läpi logon kehitysprosessin. Jos näin on, voit käyttää sitä vain verkkosivustollesi. Jos et ole vielä kehittänyt luovuutta, nyt on aika rakentaa yksi.

Onneksi olen jo kirjoittanut yksityiskohtaisen artikkelin, joka opettaa sinulle, miten se tehdään. näet kuinka rakensimme meidän. Joten, jos tarvitset työtä luovaa lyhyttarkoitusta varten, tutustu artikkeliin siitä, miten kehitimme logomme ja sen luovaa lyhyttä versiota ja sitten palaamme tänne, kun olet valmis.

Luo sivukartta

Aloita työskenteleminen sivustokarttasi. Sivustokartta on yksinkertaisesti ääriviiva, jossa luetellaan kaikki sivut (mukaan lukien niiden tarkoitukset ja tavoitteet), jotka aiot sisällyttää sivustoosi.

Tässä sivustokartta, jonka olemme kehittäneet Outpost:

Home : Tuotetiedot ja "toimintapyyntö", jotta voit aloittaa ilmaisen kokeilun. Toissijaiset linkit muihin ominaisuuksia kuvaaviin sivuihin

Ominaisuudet : yleiskatsaus kaikista ominaisuuksista, joissa on linkkejä yksityiskohtaisiin ominaisuus-sivuihin.

Ominaisuuden A ominaisuustiedot: Ominaisuuden tiedot A.

Ominaisuus B: Ominaisuuden B. ominaisuuden tiedot.

Toista kaikki ominaisuudet.

Hinnoittelu: Hinnoittelusuunnitelmien yksityiskohdat ja linkit rekisteröitymiseen ilmaiseksi.

Asiakkaat: Menestyvien asiakkaiden profiilit

Tietoja meistä: Yleiskuva siitä, kuka olemme, tehtävänkuvaus ja historia.

Ota yhteyttä: Yhteystiedot,

Työpaikat: Luettelo nykyisistä avoimista työpaikoista

Tietosuojalauseke: Outpost-tietosuojakäytäntö

Blogi: Blogimerkintä:

Lisää blogiviestejä. Ohjekeskus:

Ohjekeskuksemme toimii Zendeskilla. Tietenkin sivustosi on todennäköisesti hyvin erilainen kuin Outpost-sivukartta. Jos olet esimerkiksi ravintolassa, sinulla on todennäköisesti sivu tai kaksi valikosta ja sivulla varauksia varten. Jos rakennat verkkokauppaa, sinulla on luultavasti monta eri tuotesivua.

Sivustokarttasi asiakirjat, kuten parhaiten, voit pitää sisällään sivustosi. Tämä pieni suunnittelu merkitsee paljon muuta sivuston suunnittelua ja kehittämistä, joten se on investoinnin arvoinen tässä varhaisessa vaiheessa.

Kirjoita kopio ensin ennen suunnittelua

Aiot ajatella, etten tehnyt ei saa tilausta täällä. Eikö sinun pitäisi suunnitella verkkosivustosi ennen kuin ajattelet, mitä sanoja aiot laittaa sivulle?

Itse asiassa parempaa lähestymistapaa on tehdä asioita "taaksepäin" ja miettiä verkkosivustosi kopiointi ensin ja sitten suunnittelemaan se kopio. Miksi? Koska haluamasi viestintä asiakkaillesi on paljon tärkeämpää kuin sivustosi todellinen lopullinen muotoilu. Suunnittelu on tietenkin tärkeää, ja haluat luoda sivuston, joka näyttää hyvältä, mutta jos et voi välittää tärkeitä viestejä käyttäjille, hyvä muotoilu ei korvaa eroa.

Kopion kirjoittaminen ensin auttaa myös sinua ja mahdollisia suunnittelijoita ymmärtämään, mitä jokainen sivu yrittää kommunikoida. Tämä johtaa parempaan muotoiluun, joka vahvistaa viestisi. Vaikka aiotte rakentaa sivustosi itsellesi Squarespacen työkalulla, tietää, mitä kunkin sivun on sanottava, ennen kuin valitset mallin, tulee olemaan suuri säästäjä.

Kun suunnitteluun tulee aikaa, voit sinun on parannettava kopiota varmistaaksesi, että asiat sopivat kunnolla, mutta se on helpompaa kuin yrittää kirjoittaa kopiota, jota ei ole rakennettu viestisi varten.

Kotisivusi luultavasti haluat otsikon, kuvaa täsmälleen mitä teet - avainarvosi ehdotus asiakkaillesi. Tätä seuraa lyhyt, laajennettu kuvaus siitä, mitä yrityksesi tekee.

Tässä on otsikko ja laajennettu kuvaus Outpostille, tuotteelle, jota rakennamme:

Yksinkertaistaa jaetun sähköpostiosoitteen

ja vastata yleisiin sähköpostiosoitteisiin lähetettyihin viesteihin, kuten tukeen @ tai info @.

Sieltä kopio, johon sisällytät kotisivusi, määräytyy oikeasti sen mukaan, minkälainen yritys olet, kuka asiakkaasi ovat ja mitä tarvitset kommunikoimaan.

Outpostin osalta meidän on ilmoitettava tuotteemme tärkeimmistä ominaisuuksista ja hyödyistä ja kannustettava potentiaalisia asiakkaita oppimaan lisää. Haluamme myös puhua asiakaspalvelutiimistämme ja kuinka hyviä he ovat.

Tämä ei ehkä ole oikea asennus kotisivullasi. Jos olet ravintola, sinulla on ehkä linkkejä valikkoihin tai tietoja varauksen saamisesta. Jokainen yritys on erilainen, joten selvitä, mitä sinun tarvitsee sanoa ja kirjoita se sitten.

Älä huolestuta aloittamasta tyhjää sivua. Sen sijaan laita luettelo suosikki sivustoista teidän teollisuuden ja mieti mitä haluat ja pidä jokaisesta sivustosta. Minkälaisen navigoinnin he käyttävät? Mitä sivuja ne sisältävät? Millaisia kuvia he käyttävät? Sinun ei tarvitse paljastaa pyörää uudelleen, ja suosikkisivuston käyttäminen hyppäämispisteenä on erinomainen tapa aloittaa.

Lopullinen vinkki:

Vähemmän on yleensä enemmän. Älä ole houkutteleva kirjoittamaan loputtomia kopioitavia kappaleita verkkosivustollesi (paitsi jos asiakkaat odottavat sitä!). Jos kiinnität huomiota siihen, miten käytät verkkosivustoja, huomaat, että usein kopioit tekstin läpi, et lue kaikkia sanoja. Koska näin useimmat ihmiset lukevat online-skimming sijaan lukea jokaista sanaa, pidä kopiot lyhyenä ja pisteeseen. Kehitä lanka

Runkorakenne on sivustosi karkea ulkoasu. Se ei ole oikeastaan muotoilu, tarkalleen. Se on asiakirja, joka näyttää karkeasti, mistä asiat kulkevat sivulle, ilman huolta väreistä tai muista grafiikoista.

Jos työskentelet suunnittelijan kanssa sivustosi rakentamiseksi, he tuottavat sinut osajärjestelmään suunnitteluprosessi. Jos rakennat verkkosivustoasi omaksi, käyttämällä Squarespacen tai Shopify-palvelun palveluja, voit helposti rakentaa lanka-kehyksen omaksi.

Älä pelkää tätä vaihetta. Et tarvitse mitään erikoistyökaluja rautalankojen rakentamiseen. Paperin ja kynän liima riittää skannaamaan jokaisen sivustosi sivun. Muista, et ole "suunnittelemassa", ja raidan ei tarvitse olla kaunis. Se tarvitsee vain ilmoittaa, mihin sivulle kuluu.

Jos tarvitset inspiraatiota, tutustu muihin haluamiisi sivustoihin ja katso, miten ne rakentavat kunkin sivun tietoja. On täysin hienoa lainata ulkoasuja muilta sivuilta ja löytää inspiraatiota omalle sivustollesi.

Jos kynää ja paperia ei käytetä, voit käyttää PowerPointia tai Keynotea rautakaapeleiden luomiseen. Mukana on myös omat langankirjoitustyökalut, kuten Balsamiq, jotka tekevät prosessin helpoksi.

Olen lisännyt Outpostin etusivun rautalanka alla, jotta voit saada käsityksen siitä, mikä rautalanka näyttää. Voit myös katsoa edellisessä vaiheessa luodun kopion ja graafisen elementin luonnoksen, jonka haluamme suunnittelija luoda.

Wireframe for Outpost.

Suunnittele ja rakenna

Nyt on lopulta aika suunnitella ja rakentaa verkkosivustoasi. Jos käytät freelance-suunnittelijaa tai suunnittelutoimistoa, he tulevat käsittelemään prosessin täältä.

Mutta olettaen, että olet kuin useimmat s, olet todennäköisesti tekemässä tätä itse ja haluat pitää kustannukset hallinnassa. Jos tämä kuulostaa sinusta, sinun on valittava alusta, jolla voit suunnitella ja isännöidä verkkosivustoasi.

Ensinnäkin, ota huomioon tarpeesi. Tarvitsetko vain yksinkertaisen yhden sivun verkkosivuston? Haluatko sisällyttää blogin? Oletko myynyt tuotteita verkossa ja tarvitset asioita, kuten ostoskorin?

Kirjaimellisesti satoja mahdollisia valintoja on, mutta luetan vain muutamia suosikkeihini, jotta et pääse liikaa valitsemaan alustan sivustosi.

WordPress: Tämä on hieno, edullinen alusta mille tahansa yksinkertaiselle verkkosivustolle. On paljon suunnitteluvaihtoehtoja, ja voit aloittaa ilmaiseksi. En halua suositella WordPressiä, jos aiot käyttää paljon verkkokauppaa, mutta se on hyvä vaihtoehto perustietokannalle ja blogille. Sadat tuhannet sivustot käyttävät WordPressiä, joten et voi mennä liian kauas tähän valintaan. Lisäksi joitain vaihtoehtoja on lisätä kaupankäynnin toimintoja sivustoosi.

Shopify:

Jos myyt tavaraa verkossa, Shopify on erinomainen valinta. Voit suorittaa koko verkkokaupan tällä alustalla ja saada kaikki back-end-työkalut, joiden avulla voit hallita tuotteitasi, varastosi ja paljon muuta. Squarespace:

Squarespace on kaikkien kauppojen jack. Voit käyttää sitä luomaan kaiken blogista verkkokauppaan. Kauniilla suunnittelumalleilla ja loputtomalla joustavuudella se on myös erinomainen valinta pääset alkuun. Outpostille olemme hieman erilaisessa tilanteessa. Nykyisenä yrityksenä meillä on sisäinen suunnittelija ja jotkut insinöörit, jotka työskentelevät verkkosivuillamme. Jos näin ei ollut, luultavasti valitsisin joko WordPressin tai Squarespace-sivuston rakentamisen.

Test and iterate

Kun uusi verkkosivusto on käynnissä, työtä ei tehdä. Itse asiassa se on vasta alkamassa! Et ehkä halua kuulla sitä, mutta nyt, kun sivustosi on elossa, sinun on selvitettävä, onko todella kopio, jonka kirjoitit itse asiassa. Onko kopiosi saada asiakkaita tekemään mitä haluat heidän tekevän? Oikeiden mallien ja kopioiden löytäminen kasvattaa asiakkaidesi määrää ja varmista, että saat kaiken irti kaikista mahdollisuuksista, jotka tulevat sivustollesi.

Jotta tämä kaikki selvisi, sinun on suoritettava joitakin testejä. Tätä kutsutaan A / B-testaukseksi. Se on, kun kuopat nykyisen verkkosivuston (A-versio) vaihtoehtoa (B-versio). Sitten mitataan, mikä versio toimii paremmin. Voit mitata menestystä lisääntyneestä myynnistä, lisääntyneistä puheluista yrityksellesi tai yksinkertaisesti saada asiakkaita klikkaamaan toiselle sivulle.

En lähde yksityiskohtaiseen oppaan A / B-testiin, koska se on syvällinen aihe toiseen päivään, mutta kerron sinulle, että tarvitset lisää työkaluja testauksen tekemiseen.

I suosittelkaa joko Muunna kokeiluja tai Visual Website Optimizer. Molemmat ovat vankkoja ja edullisia vaihtoehtoja, jotka tekevät kokeilusta helppoa.

Sinun on myös varmistettava, että olet asentanut Google Analyticsin (ilmainen!) Analytiikkatyökalun, jolla voit selvittää, millaisia ihmisiä vierailevat verkkosivustollasi ja mitä heillä on. kunhan he ovat siellä.

Jos sinulla on lisäkysymyksiä tai kommentteja siitä, että saat sivustosi näkyviin, älä epäröi kysyä minulta kommentteja.