Vackra landningssidor Tips och exempel

Hundratals vittiga artiklar har skrivits om ämnet för målsidor. Vi vet alla de grundläggande faktana - att det här är de sidor en besökare når efter att ha klickat på en bannerannons eller en kampanjlänk och att de spelar en avgörande marknadsroll genom att konvertera leads till kunder för verksamheten. När det gäller att själv utforma en målsida ser det emellertid ut att saker är mycket mer känsliga än vad du skulle ha förväntat dig efter att ha gått igenom hur mycket dokumentation som helst. Därför har vi valt att dela en samling av exakta målsidor för inspiration.

Enligt en ganska vetenskaplig klassificering kan du hitta på Wikipedia, landningssidor faller i två huvudkategorier: referens och transaktionell. Om de ska kallas referens måste sidor visa information som är både tilltalande och relevant för besökaren (text, multimedia). "Transaktionella" målsidor är de som syftar till omedelbar försäljning eller åtminstone i att fånga starka försäljningsledningar.

Som du förmodligen håller med mig, uppfyller alla målsidor båda kriterierna: de informerar besökaren om erbjudandet samt uppmuntrar åtgärder från hans sida. Annars skulle vi inte behöva call-to-action på absolut någon målsida, skulle vi?

Vad som måste vara klart innan du startar någon målsida i www är typen av önskad besökares åtgärd. Ökar nyhetsbrevet ditt mål? Skapa sedan en CTA med meddelandet "Registrera nu till vårt nyhetsbrev". Har du som mål att få provköp från besökare? Säg så. I allmänhet är det väsentliga receptet att göra din landningssida uttrycklig så bra och så lockande som möjligt.

Tips för att designa en målsida

Några snabba tips att börja när du utformar en målsida:

1. Använd AIDA-principen

Detta är en kedja av händelser som vi önskar att hända när en ledare når plattformen som visar den marknadsförda produkten eller tjänsten. Huvudsakligen är stegen:

1. medvetenhet - locka uppmärksamhet från besökaren
2. Intressera - vilket kan uppstå genom att lyfta fram fördelarna för kunden
3. Önskan - inducera för kunderna idén att de vilja produkten eller tjänsten
4. Verkan - kunder som utför köpprocessen

2. Inte för många distraktioner; lämna en väg ut

Tanken är enkel. Om målsidan har praktiskt taget inget navigeringsalternativ, förutom CTA-knappen, kommer besökarna att tvinga sin utgång. Tänk inte att om du inte ger någon navigering, hittar de inte ett sätt att lämna - de kommer, kanske till och med genom att stänga av webbläsaren. Och dessa besökare kommer inte kom tillbaka.

3. Gör det förbi blinkprovet

En landningssida måste typiskt fånga besökarens uppmärksamhet under de första tre sekunderna av inmatningen. Om gästen blinkar och inte kan se tydligt vad han ska hitta på sidan eller inte är intresserad av det han såg, är han troligtvis bouncing away tomhänt.

4. Skapa inte falska förväntningar

Målsidan måste överensstämma med de tips som den ursprungliga annonsen gav, eller vice versa. Besökare måste hitta på målsidan vad de först utlovades i den annons de klickade på.

Som vi har lovat, låt oss titta på några snyggt utformade och effektiva målsidor för B2B och B2C. Vi kommer att undersöka deras styrkor och oundvikliga svagheter. Se upp för följande i galleriet nedan: visuell kommunikation, branding och förtroendeindikatorer, innehållseffektivitet, samtal till handling.

Showcase: vackra landningssidor

99designs

Detta är versionen av en målsida riktad mot designers och studenter. 99Designs har också en målsida för andra sidan: företag som behöver design. När det gäller denna är det mycket effektivt när det gäller godkännande (se de djärva vittnesmålen) och talar verkligen publikens språk med siffror och förtroendeindikatorer (antal medlemmar i samhället, summa pengar de tjänat). Lägg märke till den ljusa röda nyansen av den enda CTA-knappen - det är vanligtvis något att undvika, men i det här fallet är det inte störande, eftersom det matchar logotypens färg.

123RF

123RF gör ett tydligt uttalande om syftet på denna målsida med bildreglaget och de fyra medianlådorna. Du förstår omedelbart vad tjänsten är och hur du kan använda den (Sök, Registrera, Betala-Som-Gå, Köp Prenumeration). Den ljusgrå bakgrunden är diskret och sätter höjdpunkten på kärnan, det vill säga bilden. Vad jag personligen tror att de kan förbättra är listan över stock photography kategorier, det är lite fylld. Och CTA är lite för subtil för de klickbara rutorna.

Favomatic

Jag älskar absolut utformningen av denna målsida. Det finns kontrast, bra slagord i varje avsnitt och det ger mycket information utan att tvinga dig att läsa allt (det lilla tecknet gör allt). Den har navigering, men en vertikal, genom att rulla, vilket avsevärt minskar studsräntorna.

BiznessApps

Starka samtal till handling, betonat slogan och en imponerande lista över påståenden - det här är rätt kombination för en målsida och den här sidan har den. Dessutom innehåller den en minsta mängd text och använder en demovideo, eftersom det är ett känt faktum att folk föredrar att titta på en kort film än att läsa. Formen är ett element som de kan förbättra sig något. Vanligtvis borde du ge först innan du kan få, så om du kan få gratis godis i utbyte mot formuläret, kan knappen "Skicka meddelande" säga något som "Få dina gratis saker nu!"

Brusheezy

Ett annat bevis mindre är mer. Denna målsida ser väldigt snygg ut med en enda ikon och framstående rubrik. Lägg märke till de två uppmaningarna, uppe och nedåt - det här är en idiotsäker metod för att göra meddelandet ihållande utan att överbelägga sidan. Att belysa fördelarna för kunderna istället för produktens funktioner är en annan bevakning.

JailBreak

Den här sidan kan vara lite för trångt, men det är i traditionen med målsidor för appar. Beslutet att dela sidan i segment gör det enkelt att navigera genom alla element. Du hittar allt du kan leta efter: funktioner, fördelar, vittnesmål och till och med en garanti för återbetalning om du inte är nöjd med resultatet. Den sista är ganska riskabelt, eftersom det kan leda till frågor om kvaliteten på tjänsten, och det var en bra idé att placera hela vägen längst ner

Lines

Minimalism är nyckelbegreppet här. Personligen tycker jag att den här sidan inte berättar allt omedelbart men uppmanar dig att upptäcka. Vad jag inte tycker är så roligt, det är en video som startar automatiskt (en funktion som jag generellt undviker) - även om Andrew Powers inte bara är skicklig men också snygg! Det faktum att det inte finns någon omedelbar CTA kan vara en nackdel för webbplatsen.

Pico

Denna målsida är enkel men kraftfull. Den "större än" röda skylten är salt och peppar till det övergripande utseendet. Ordningsarrangemanget liknar en tidningslayout och är ganska suggestiv för syftet med CMS. CTA-knapparna är lite för svaga, och damen i det nedre högra hörnet orsakar en mild distrahering; Med för mycket överraskning i ansiktet ser hon ut som om hon kan förhandla om en affärsmässig fråga?

Shoeboxed

De beskrivande linjerna för var och en av sektionerna är ett exempel på beskrivande språkanvändning. Du förstår meddelandet i en delad sekund, eftersom synfältet snabbt skannar första raden och anländer till CTA-knappen. Om du fortfarande tvekar, finns det ett vittnesbörd om att hjälpa till, tillsammans med starka påståenden, kommer du inte att lita på ett företag som finns i Forbes och Tech Crunch? jag skulle.

Squarespace

Professionell utseende målsida, detta är. Ett djärvt slagord, CTA-knappar som du inte kan motstå klickning och en mycket bra påskrift, detta är kombinationen till framgång. Jag tycker också att de lägger sitt sammanhang i mitten av sidan med en skärmdump av hur deras sidor ser ut och infografiska indikationer. Sidans 3-elements struktur är en annan stark punkt.

Redaktörens anteckning: Det här inlägget är skrivet av Laura Moisei för Hongkiat.com. Laura har en kandidatexamen i kommunikationsvetenskap och tillbringar mestadels sin passion för design och skrivning. Hon arbetar för 123ContactForm, en onlineformulär och enkätbyggare som hjälper användarna att skapa vackra formulär för vilken webbsida som helst.