En målsida är den första erfarenheten som din kund (eller potentiell kund) kommer att ha med ditt varumärke. Den måste förmedla information, uppmuntra en uppmaning och reflektera din personlighet. Det är svårt! Idag delar vi tio tips för målsidesdesign för att hjälpa till.
Om du bara håller din logotyp och produktbild på en mall kommer det att vara uppenbart. Sidan kommer inte att ge den erfarenhet eller information som kunden förväntade sig när han kom dit. Oavsett om det är svårt att navigera, svårt att läsa eller en röra av visuella bilder, planerar en målsida som inte suger planering och precision. Låt oss ta en titt på tio tips om hur du gör det bättre.
1. Har ett, klart mål för sidan
Den allra första att tänka på när du skapar eller gör designjusteringar till en målsida är målsättningen för sidan: Vad vill du att användarna ska göra när de kommer dit?
- Klicka på en länk
- Titta på en video
- Spela ett spel
- Ange information i ett formulär
- Göra ett köp
- Dela på sociala medier
- Läs eller på annat sätt interagera med innehållet
Då ska allt på din målsida utformas och inriktas på att få användare närmare detta mål. BarkBox säljer hundleksak och behandlar prenumerationslådor. Landningssidan ovan är för deras Alla hjärtans dagskampanj, vilket är tema men driver användarna för att köpa. (Observera att varje knapp säger? Kom igång.?)
2. Design för din publik
Målsidor måste göras för användare som ska använda dem. Det låter ganska självförklarande, men alltför ofta händer det inte.
Personer och bilder i designen bör vara relaterade till användarna. Text och block av kopia ska kommunicera i en röst och ton som dessa användare uppskattar.
Det kan ta ett djupt djup i din analys för att förstå vem din viktigaste publik är.
- Är de kvinnor eller män?
- Yngre eller äldre?
- Bor de i ett visst område
Skapa en design som appellerar till publiken du ansluter till för att förhoppningsvis öka engagemang och användarkonvertering.
3. Använd stark bild
En stark bild, intressant bild eller engagerande video ger ett starkt första intryck och går långt för att hjälpa användare att engagera sig.
Coulee Creative tar ett intressant tillvägagångssätt. Designen ändras inte, men rubriken ändras och med varje ändring i rubriken ändras ansiktsuttrycket på mannen i bilden för att matcha.
Det är ett överraskningselement som är kul och får dig att se vad han kommer att göra nästa.
4. Kraftövergripande kopia
De flesta målsidor innehåller flera nivåer av kopia. Var och en av dessa nivåer måste vara övertygande och arbeta för att få användare till önskad åtgärd som fastställs av dina webbsidor.
De flesta målsidor använder följande typer av kopieringsblock:
- Rubrik: Det borde vara några ord som tar tag i användarnas uppmärksamhet.
- Kroppstext: Detta är ditt huvudmeddelande. Det ska vara koncist och direkt.
- Uppmaning till handling: Ofta i form av en knapp eller länk, berättar detta användarna vad man ska göra med webbplatsen. Vad är nästa steg i processen och hur kommer de dit? Ge tydlig handling, kommunikation.
- Footer: Standardinformation, som branding, kontaktinformation och sociala medier, kan bidra till att skapa trovärdighet och ge en resursresurs för användare.
5. Skapa nyckelord genom navigering
Navigationselement på en målsida hjälper till att berätta för användarna vad din övergripande webbplats handlar om. Tänk på navigationselement som extra nyckelord som ger användarinformation och riktning.
Baublebar gör ett bra jobb med detta på sin Puppy Bowl målsida. Företaget, som främst säljer smycken till kvinnor, använder navigeringsfältet för att markera detta medan man visar husdjur? på denna målsida.
Vidare, under scrollen, fokuserar sidan på smycken för kvinnor med bildspråk som visar produkter som inte är för hundar. Alla dessa navigeringskoder hjälper användare som kom till hemsidan för sällskapsdjur att se att huvudverksamheten är mycket mer än så.
6. Gör CTA Clear
Varje användare borde veta exakt vad de ska göra när de träffar din målsida. Tydliga anrop till handling är avgörande. Anta inte att användare bara gör vad du vill att de ska göra.
Bra samtal till handling kan vara i form av knappar, blanketter att fylla i, användarinstruktioner (till exempel bläddra för mer) och till och med animeringar.
Jonathan Pattersons portfölj använder den senare för att upprätta användaråtgärder. Varje av de ljusa färgade blocken innehåller ett mörkt svävarläge som indikerar att användarna kan klicka på varje block för mer information.
7. Anpassa innehåll när du kan
Landningssidor av natur är utformade för att vara något specifika och speciella. Ofta har de ett syfte eller mål som är lite mer fokuserad än din hemsida. Anpassa innehållet på målsidan för att få ut det mesta av detta koncept.
Trulia leder användarna till en hemsida / målsida som använder geolocation-verktyg så att varje användare får information som är specifik för deras plats från början.
Den här enkla användarupplevelsen gör att webbplatsen känns anpassad och användarna kommer sannolikt att engagera sig med innehåll som gäller dem.
8. Inkludera Tydlig och Relevant Branding
Ett vanligt problem med målsidor som får dem att suga är att de ofta inte ser ut eller innehåller visuella signaler som ansluter till huvudwebbplatsen.
Målsidor bör innehålla tydlig och relevant branding så att användarna vet exakt vad eller vilka de engagerar sig i.
Nike gör ett bra jobb med detta med skosanpassningssidan på deras hemsida. Den innehåller samma rubrik och logotyp som varje annan sida men huvudinnehållet är annorlunda - och användarna vet att det är speciellt på grund av den skraj designen på skon. Det är inte en bild av en produkt till salu; Det är en rörlig bild med anpassade koncept som användare kan skapa.
Men användarna kommer aldrig att undra om de fortfarande interagerar med Nike-varumärket.Det är alltid relevant i designen.
9. Tänk på källan
När en användare klickar på en länk från någon annanstans på webben och anländer till en målsida, har de en viss förväntan på vad de hittar.
Målsidan ska utformas så att innehållet är specifikt för den trafiken.
Bills.com har en målsida med en enkel blankett som hjälper användarna att räkna ut hur man konsoliderar eller hanterar skulden. Det finns ingen annan skräp på målsidan och användarna kommer inte ens se någon annan information förrän de har slutfört förhandsgranskningsprocessen som visas ovan.
Denna design bygger starkt på länkens källa - från platser som sociala medier eller till och med tryckt information - för att berätta för användarna vad som kommer hända nästa.
10. Upprätta hierarki och flöde
En bra målsida gör användbarheten uppenbar. Var ska användarna se ut och vad ska de göra på sidan?
Att utforma med vanliga användarmönster och beteenden kan gå långt för att upprätta detta flöde. Lägg till på nivåer av bilder, varumärke och typografi för att skapa en tydlig hierarki också och användarna kommer i ett ögonblick att veta hur man engagerar sig med sidan.
LS Productions, ovan, har en ren handlingsåtgärd visuellt - Stor rullning av video, till högra hörnlogotyp för att centrera rubriken till Scroll for More CTA. Och användare får all denna information i en fråga om nanosekunder.
Slutsats
En viktig punkt att tänka på är att när du tänker på en målsida är det inte nödvändigtvis din hemsida. Landningssidor är de vanligaste första stoppen för besökare på webbplatsen. (Du kan räkna ut detta genom att undersöka din webbplatsanalys.)
Några av dessa bästa målsidor kan vara på grund av dina marknadsföringsinsatser och hur du kör trafik. Men andra sidor kan vara populära på grund av innehållet däri, länkar från andra källor och sökning. Att veta varifrån denna trafik kommer och vad användarna letar efter är en nyckelfaktor när det gäller att ställa in mål och utforma en målsida som inte suger.