Hvordan man opbygger et websted for en ny produkt slags forretning du starter, du har brug for en hjemmeside. Her er hvordan vi byggede hjemmesiden for vores nye produkt, Outpost.

Фриман Грабовски: 4 столпа успеха в колледже и науке

Indholdsfortegnelse:

Du har måske allerede udarbejdet en kreativ brief, hvis du har gennemgået logoudviklingsprocessen. Hvis ja, kan du bare genbruge det til din hjemmeside. Hvis du ikke har udviklet en kreativ brief endnu, er det nu tid til at bygge en.
Her er sitemap, vi udviklede til Outpost:
Hvis du arbejder med en designer for at opbygge dit websted, producerer de en wireframe til dig som en del af design proces. Hvis du selv opbygger dit websted ved at bruge en tjeneste som Squarespace eller Shopify, kan du nemt bygge en wireframe på egen hånd.
Men hvis du er ligesom de fleste s, gør du nok det selv og vil holde omkostningerne under kontrol . Hvis dette lyder som dig, skal du vælge en platform til at designe og være vært for dit websted.
For at finde ud af det hele skal du løbe nogle tests. Dette kaldes A / B test. Det er, når du pitterer din nuværende hjemmeside (A-versionen) mod et alternativ (B-versionen). Derefter måler du hvilken version der udføres bedre. Du kan måle succes i øget salg, øgede opkald til din virksomhed eller blot få kunder til at klikke på en anden side.

Vi lancerer et nyt produkt, og vi ønsker at tage med på turen. Så vi trækker gardinen tilbage for at se på det, der virkelig foregår bag kulisserne om at bygge og lancere noget nyt. Når du er færdig med at læse denne artikel, skal du sørge for at også tjekke den første, anden, tredje og fjerde rate i denne serie. Uanset hvilken type forretning du starter, har du brug for en hjemmeside. At have et websted er sandsynligvis vigtigere end at have visitkort i disse dage.

Nogle udvalgte virksomheder, som madvogne, kan måske komme væk med kun at være til stede på Facebook og andre sociale platforme. Men i disse dage er det undtagelsen, ikke reglen, og du har sikkert brug for en dedikeret hjemmeside.

Og det er aldrig for tidligt at begynde at tænke på, hvordan du skal bygge det. Disse ting tager tid - ofte mere end du tror. Du skal tænke på, hvilken type hjemmeside du har brug for, og hvordan du skal bygge den og sætte hjulene i gang tidligt.

Her på Palo Alto Software er vi ved at bygge vores nye produkt, Outpost. Vores hjemmeside vil være den primære måde, som potentielle kunder lærer om vores produkt og (vigtigst!) Den vigtigste måde at finde prisoplysninger på og abonnere på Outpost.

Vores hjemmeside til Outpost vil også være vores kunders hovedressource for hjælp og

Hvis du ikke har fulgt efter, som vi har talt om med at bygge Outpost, er det en hurtig genopfriskning:

Outpost hjælper teams med at administrere delte indbakke, så de nemt kan spore, samarbejde, og svar på meddelelser sendt til generiske emailadresser som [email protected] og [email protected]. Outpost er som missionskontrol for alle dine indkommende e-mails og sørger for, at hver e-mail får det rigtige svar, og intet falder gennem revnerne.

Hvis du vil lære mere om, hvordan vi har bygget Outpost, kan du starte i begyndelsen og få den fulde historie. Eller bliv her og læs videre for at lære, hvordan vi har planlagt og bygget vores hjemmeside.

Start med en kreativ kort

Hvis du ikke har en kreativ kort endnu, skal du starte her. En kreativ kort beskriver præcis, hvordan du planlægger at tale om dit produkt eller firma. Det definerer dit varemærke tone, din farvepalet, din værdisætning og så meget mere. Din kreative kort definerer, hvordan dit websted vil kommunikere med kunderne.

Du har måske allerede udarbejdet en kreativ brief, hvis du har gennemgået logoudviklingsprocessen. Hvis ja, kan du bare genbruge det til din hjemmeside. Hvis du ikke har udviklet en kreativ brief endnu, er det nu tid til at bygge en.

Heldigvis har jeg allerede skrevet en detaljeret artikel, der lærer dig hvordan man gør det, som indeholder eksempler fra Outpost-kreative kort, så du kan se, hvordan vi bygget vores. Så hvis du har brug for arbejde på din kreative kort, skal du se min artikel om, hvordan vi udviklede vores logo og dets kreative kort, og kom så tilbage, når du er klar.

Opret et sitemap

Med din kreative brief i hånd, du begynder at arbejde på dit sitemap. Et sitemap er simpelthen en oversigt, som viser alle sider (herunder deres formål og mål), du planlægger at medtage på dit websted.

Her er sitemap, vi udviklede til Outpost:

Hjem

: Produktoversigt og en "opfordring til handling" for at tilmelde dig en gratis prøveperiode. Sekundære links til andre sider, der beskriver funktioner.

Funktionsoversigt : Oversigt over alle funktioner med links til detaljerede funktionssider.

Funktionsdetaljer for Feature A: Detaljer om Feature A. Funktionsdetaljer for Funktion B: Detaljer om funktion B.

Gentag for alle funktioner.

Prissætning: Detaljer om prisplaner og links for at tilmelde dig en gratis prøveperiode.

Kunder:

Profiler af succesfulde kunder.

Om os: Oversigt over hvem vi er, vores mission statement og vores historie.

Kontakt os: Kontaktoplysninger, timer, placering.

Jobs: En liste over vores nuværende jobåbninger.

Fortrolighedspolitik: Privatlivspolitikken for outpost.

Blog: Hjemmeside til bloggen, der viser de seneste blogindlæg.

Blog-indlæg: Der vil være flere blogindlæg. Denne side vil være skabelonen for dem.

Hjælpecenter: Vores hjælpecenter bliver drevet af Zendesk.

Selvfølgelig vil dit websted sandsynligvis være meget anderledes end Outpost-sitemapet. Hvis du for eksempel er en restaurant, har du formentlig en side eller to til menuer og en side til reservationer. Hvis du opretter en onlinebutik, har du sandsynligvis mange forskellige produktsider. Dine sitemap dokumenter, så godt du kan, hvad du synes om dit websted vil indeholde. Denne lille planlægning vil gøre resten af webstedets planlægning og udvikling meget nemmere, så det er værd at investeringen på dette tidlige stadium.

Skriv din kopi først før design

Du kommer til at tro, at jeg ikke gjorde det Hent ordren lige her. Skal du ikke designe dit websted, før du tænker på, hvilke ord du vil lægge på siden?

Faktisk er den bedre tilgang at gøre tingene "bagud" og tænke på dit website kopi først og derefter designe rundt den kopi. Hvorfor? Fordi det, du ønsker at kommunikere med dine kunder, er meget vigtigere end det faktiske endelige design af dit websted. Selvfølgelig betyder designen noget, og du vil have et websted, der ser godt ud, men hvis du ikke kan kommunikere dine nøglebudskaber til dine brugere, vil et godt design ikke gøre forskellen.

Skriv din kopi først hjælper også dig og potentielle designere med at forstå, hvad hver side forsøger at kommunikere. Dette resulterer i bedre design-design, som styrker dine meddelelser. Selvom du selv skal bygge dit websted med et værktøj som Squarespace, ved at vide, hvad hver side skal sige, før du vælger et design, vil det være en stor tidsbesparer.

Når det kommer tid til dit design, kan du skal forfine din kopi for at sikre, at tingene passer ordentligt, men det bliver lettere end at prøve at skrive kopi til et design, der ikke blev bygget til dine meddelelser.

For din hjemmeside vil du sikkert have en overskrift, der beskriver præcis hvad du gør - din nøgletalforslag til dine kunder. Dette vil blive fulgt op af en kort udvidet beskrivelse af, hvad din virksomhed gør.

Her er overskriften og udvidet beskrivelse for Outpost, det produkt vi bygger:

Streamline din delte email

Nemt spore, samarbejde, og svare på meddelelser sendt til generiske emailadresser, som support @ eller info @.

Derefter vil den kopi, du vil medtage på din hjemmeside, virkelig blive bestemt af den type virksomhed, du er, hvem dine kunder er og hvad du skal kommunikere.

For Outpost skal vi kommunikere de vigtigste funktioner og fordele ved vores produkt og opfordre potentielle kunder til at lære mere. Vi vil også tale om vores kundeserviceteam, og hvor stor de er.

Men det er måske ikke det rigtige opsætningssæt til din startside. Hvis du er en restaurant, vil du måske have links til dine menuer eller oplysninger om at få en reservation. Hver virksomhed er anderledes, så find ud af hvad du skal sige og skriv det ned.

Du skal ikke bekymre dig om at starte med en tom side. I stedet kom med en liste over dine yndlingswebsteder i din branche og tænk på, hvad du kan lide og ikke kan lide om hvert websted. Hvilken slags navigation bruger de? Hvilke sider indeholder de? Hvilke slags billeder bruger de? Du behøver ikke at genopfinde hjulet, og at bruge et yndlingssted som et hoppepunkt er en god måde at komme i gang.

Et sidste tip:

Mindre er normalt mere. Du må ikke være fristet til at skrive endeløse stykker af kopi til dit websted (medmindre det er det, dine kunder forventer!). Hvis du holder øje med, hvordan du bruger websites, vil du opdage, at du ofte skinner gennem tekst og ikke læser hvert ord. Fordi det er sådan, at de fleste læser online-skimming i stedet for at læse hvert ord - hold din kopi kort og til det punkt.

Udvikle en wireframe En wireframe er et groft layout på dit website. Det er ikke rigtig et design, nøjagtigt. Det er et dokument, der viser stort set, hvor tingene vil gå på siden uden bekymring for farve eller anden grafik.

Hvis du arbejder med en designer for at opbygge dit websted, producerer de en wireframe til dig som en del af design proces. Hvis du selv opbygger dit websted ved at bruge en tjeneste som Squarespace eller Shopify, kan du nemt bygge en wireframe på egen hånd.

Ikke skræmt af dette trin. Du behøver ikke noget specielt værktøj til at bygge en wireframe. En pude med papir og en pen er nok til at skitsere hver side på dit websted. Husk, at du ikke "designer" og en wireframe ikke behøver at være smuk. Det skal bare kommunikere, hvad der foregår på en side.

Hvis du har brug for inspiration, skal du tjekke andre websteder, du kan lide og se, hvordan de strukturerer informationerne på hver side. Det er helt fint at låne layouter fra andre websteder og finde inspiration til dit eget websted.

Hvis du bruger pen og papir, er det ikke din ting, du kan bruge PowerPoint eller Keynote til at oprette wireframes. Der er også dedikerede wireframingværktøjer som Balsamiq, der gør processen let.

Jeg har medtaget Outposts hjemmeside wireframe nedenfor, så du kan få en ide om, hvordan en wireframe ser ud. Du kan også kigge på den kopi, vi oprettede i det foregående trin, og en skitse af en ide til et grafisk element, som vi vil have en designer til at skabe.

Vores wireframe til Outpost.

Design og build

Nu er det endelig tid til faktisk at designe og bygge din hjemmeside. Hvis du bruger en freelance designer eller design firma, vil de overtage processen herfra.

Men hvis du er ligesom de fleste s, gør du nok det selv og vil holde omkostningerne under kontrol. Hvis dette lyder som dig, skal du vælge en platform til at designe og være vært for dit websted.

Først skal du overveje dine behov. Har du bare brug for en enkel en-siders hjemmeside? Vil du inkludere en blog? Vil du sælge dine produkter online og have brug for ting som en indkøbskurv?

Der er bogstaveligt talt hundredvis af mulige valg, men jeg vil kun nævne nogle få af mine favoritter, så du ikke bliver forvrængt og vælger en platform for dit websted.

WordPress: Dette er en fantastisk, billig platform til enhver enkel hjemmeside. Der er masser af design muligheder, og du kan komme i gang gratis. Jeg vil ikke anbefale WordPress, hvis du planlægger at køre en onlinebutik med masser af produkter, men det er en god mulighed for en grundlæggende informativ hjemmeside og blog. Hundredtusinder af websteder bruger WordPress, så du kan ikke gå for langt forkert med dette valg. Og der er nogle muligheder for at tilføje handelsfunktioner til dit websted, hvis det er nødvendigt.

Shopify:

Hvis du sælger ting online, er Shopify et glimrende valg. Du kan køre hele din onlinebutik på denne platform og få alle de back-end værktøjer, du har brug for til at administrere dine produkter, lager og meget mere.

Squarespace: Squarespace er jacket i alle handler. Du kan bruge den til at skabe alt fra en blog til en online butik. Med smukke designskabeloner og endeløs fleksibilitet er det også et godt valg at komme i gang.

For Outpost er vi i en lidt anderledes situation. Som et eksisterende firma har vi en intern designer og nogle ingeniører, der arbejder på vores hjemmeside. Men hvis det ikke var tilfældet, ville jeg sandsynligvis vælge enten WordPress eller Squarespace for at opbygge vores hjemmeside. Test og iterate

Når din nye hjemmeside er i gang, er arbejdet ikke færdigt. Faktisk er det lige begyndt! Du kan måske ikke høre det, men nu hvor dit websted er live, skal du finde ud af, om den kopi, du skrev, faktisk fungerer. Er din kopi at få kunder til at gøre, hvad du vil have dem til at gøre? At finde de rigtige designs og kopier vil øge antallet af kunder, du har, og sørg for, at du får mest ud af alle udsigter, der kommer til dit websted.

For at finde ud af det hele skal du løbe nogle tests. Dette kaldes A / B test. Det er, når du pitterer din nuværende hjemmeside (A-versionen) mod et alternativ (B-versionen). Derefter måler du hvilken version der udføres bedre. Du kan måle succes i øget salg, øgede opkald til din virksomhed eller blot få kunder til at klikke på en anden side.

Jeg vil ikke gå ind i en detaljeret vejledning om A / B-testning her, da det er et dybtgående emne for en anden dag, men jeg vil fortælle dig, at du får brug for nogle ekstra værktøjer til at få din test udført.

I anbefaler enten Konverter eksperimenter eller Visual Website Optimizer. Begge er solide og overkommelige valg, der gør testningen let.

Du skal også sørge for, at du har installeret et analytikeværktøj som Google Analytics (gratis!) For at forstå, hvilke typer personer der besøger dit websted, og hvad de gør det, når de er der.

Hvis du har yderligere spørgsmål eller kommentarer om at få din hjemmeside til at køre, så tøv ikke med at spørge mig i kommentarerne.