Exempel på webbplatslayout för din flerspråkiga webbplats

Att skapa en webbplats är mer än att bara välja rätt CMS-plattform och den "snyggaste" mallen. 

Ja, hur det ser ut har stor betydelse för hur du kommer att framstå för dina potentiella kunder, men det finns en mycket större tankeprocess bakom det. 

Webbplatsens layout bidrar till webbplatsens övergripande framgång. Den bestämmer både utseendet och känslan och hur dina användare kommer att navigera och interagera på dina sidor. Allt detta bidrar till om någon är mer benägen att köpa din produkt eller tjänst. 

Det är intressant att notera att 38% av alla människor slutar att besöka en webbplats om innehållet/layouten är oattraktiv. En bra webbplatslayout är mer än att bara välja en populär malldesign - det är en integrerad del av webbplatsdesignen .

Och som så ofta i alla branscher kommer det alltid att finnas trender. Just nu är det rättvist att säga att fullblodsbilder och den tre kolumner långa designen är en av de mest använda layouterna. 

Det kan mycket väl vara ett igenkännbart format som gör att dina webbplatsanvändare känner igen sig, men är det alltid rätt väg att gå att följa trender när onlineföretag har så varierande målgrupper? 

Anpassning och att skapa en webbplatslayout som passar din målgrupp kommer alltid att vara avgörande om du vill sticka ut på din marknad. 

Vad kännetecknar en bra webbplats?

Det är inte direkt en lätt fråga att besvara eller kvantifiera. Det finns många möjligheter när det gäller webbdesign. 

Beroende på vilken bransch du är i, din varumärkesimage och vem din målgrupp är kommer allt att ha stor inverkan på vad som kan anses vara en "bra webbplats". 

Men det finns några allmänna element som alla företag kan dra nytta av.

1. Enkelhet. Använd vita ytor för att bryta upp innehållet. Ta bort "fluffet" och koncentrera dig på det som användaren verkligen letar efter. 
2. Navigering. Gör det enkelt för webbplatsens användare att komma till de sidor som intresserar dem. Det är nyckeln till att behålla besökarna. 
3. Visuell hierarki. Skapa en central punkt på webbplatsen för att visa besökarna var den viktigaste informationen på sidan finns. Det kan handla om att ordna element efter storlek, färg, bildspråk, typsnitt osv. 
4. Färg och bildspråk. Rätt användning av färger och bilder kan locka användare att stanna kvar längre på din webbplats. Fel användning kan leda till distraktion. 
5. Kompatibilitet med mobila enheter. Om du behöver påminnas om att Google nu indexerar webbplatser med mobilversionen först. Så se till att du kontrollerar hur din webbplats ser ut på mobilversionen också. 
6. Flerspråkig. Det är ingen hemlighet att människor i en värld med ständigt växande uppkoppling i allt högre grad väljer att köpa varor utanför sitt hemland. Att erbjuda en webbplats på mer än ett språk är en viktig del för alla som vill öka sin marknadsandel och öka sina intäktsströmmar. 

Exempel på webbplatslayout för din flerspråkiga webbplats

Som alla internationellt inriktade företagare vet är en flerspråkig webbplats ett måste när man gör affärer online. Vi har några fantastiska exempel på webbplatslayouter från några av Weglotegna flerspråkiga webbplatskunder. 

Så, vad är det som gör deras webbplatslayouter så tilltalande? 

Crabtree & Evelyn

Låt oss börja med kropps- och doftjätten Crabtree & Evelyn som använder Weglot för att göra sin e-handelssajt verkligt internationell. 

När du säljer tusentals produkter på nätet kan det vara svårt för besökarna att fokusera på bara en CTA som de kan agera på. Det är därför den här e-handlaren vet exakt hur man sticker ut när det gäller webbplatsens layout. 

De har skapat en helsida ovanför det vikbara nyckelmeddelandet som de kan ändra beroende på säsong eller land de riktar sig till. Och som alla e-handlare vet är den största tiden på året naturligtvis semesterperioden, så det är vettigt att de driver det som deras köpare utan tvekan letar efter just nu. 

Det finns ingen chans till en hög avvisningsfrekvens för den här hemsidan. En tydlig CTA "handla nu" tar dig direkt till produktsidan för deras presentförpackningar - det är en imponerande, snabb webbplatsnavigering.

På ett annat sätt än många andra online-återförsäljare har de valt att skapa en enkel meny med två rullgardinsalternativ och ett sökfält. 

Med det enorma antalet produkter som de erbjuder på sin webbplats ger de två alternativ. Alternativ 1, "sökfältet", har skapats för personer som vet vad de letar efter, medan alternativet "handla" kan vara att föredra för en ny användare som vill se vilka produkter som finns tillgängliga.

Bläddra ner på hemsidan och de har delat upp sin webbplatslayout i olika rader som erbjuder mer riktade artiklar. Bästsäljare och extra presentpaket tilltalar återigen nya användare som är osäkra på var de ska fokusera sin sökning. 

I sidfoten på sin webbplats har de valt att anpassa sitt språkvalsverktyg för att uppnå bästa möjliga lokalisering. 

Du har möjlighet att välja vilket land du befinner dig i och vilket språk du talar. Som ett varumärke som vet att lokalisering är nyckeln, har de insett att inte alla personer som befinner sig i ett visst land kan tala det lokala språket. 

Digital Menta

Lägg märke till hur denna digitala mediebyrå använder vita ytor, anpassade illustrationer och tydliga uppmaningar till åtgärder för att omedelbart fånga webbplatsbesökarens uppmärksamhet. 

Detta exempel på webbplatslayout är en tydlig demonstration av hur användaren har allt de behöver ovanför vecket. Deras visuella hierarki utgörs av deras slogan "revolutionary digital that matters" - med de två sista orden i fokus. 

Det enkla tillägget av en "låt oss prata"-knapp innebär att webbplatsbesökaren inte behöver leta mycket längre när det gäller att vidta en åtgärd. Att bara välja två färger, grått och grönt, som accentuerande färger ger en mer sammanhängande och enkel design. 

För de flesta digitala mediebyråer är sociala medier ett viktigt verktyg när det gäller att visa upp sitt arbete och skapa uppmärksamhet kring det de gör. Genom att använda en social media bar på höger sida av webbplatsen håller de sina sociala mediekanaler inom synhåll. 

Deras navigering är rakt på sak och det är tydligt var du behöver gå för att få vilken information. Bläddra vidare på hemsidan och du kommer att se att deras smarta användning av typsnitt och markerad text håller läsaren engagerad i det som är viktigt. 

När det gäller språkomkoppling har de valt att lägga till sin språkomkopplingsknapp i sidfoten (de har aktiverat den användbara Weglot funktionen som styr användarna efter deras webbläsare).

Yogang

Du vet när vi nämnde enkelhet och att ta bort "fluffet" för att skapa en webbplatslayout? Tja, det här webbplatsens exempel gör just det. Detta yogaspel för barn visar den perfekta blandningen av animering och vitt utrymme för att skapa en känsla av nyfikenhet och intriger - medan animationen inte bara finns där som en gimmick - det är en tydlig indikator på vad de handlar om. 

Din första förståelse för detta varumärke är deras smarta omslagssida som innehåller lekfulla karaktärer i olika yoga-rörelser. Med ett första intryck som detta är det ingen tvekan om att du vill gå vidare in på webbplatsen.

Gå förbi deras kreativa omslagssida och du befinner dig på deras huvudwebbplats. Återigen används de lekfulla karaktärerna i hela webbplatsens design för att ge konsistens, med deras huvudprodukt som visas så snart du landar på hemsidan. 

Det finns en tydlig CTA så att du kan köpa spelet, plus möjligheten att förstå mer om produkten på höger sida. Två CTA:er för både impulsköparen och en köparpersona som först behöver mer klarhet. 

De har gjort en om än lång menyrad, men i det här fallet har de all anledning att göra det. Med möjligheten att sälja B2B och B2C är det vettigt för användarna att hitta exakt vad de vill ha omedelbart. 

Deras produkt säljs både på den franska och engelska marknaden, så en diskret Weglot längst ned till höger på deras webbplats ger möjlighet till omedelbar lokalisering av webbplatsen.

Marinblå eller grå

Skräddarföretaget Navy or Grey har blandat vitt utrymme, illustrationer och sin USP i webbplatsens första vikning. Sofistikerad är det bästa sättet att beskriva webbplatsens utseende och känsla, som passar bra ihop med den bransch de är i. 

Och när det gäller visuell hierarki har de bockat av detta från listan. Den första vikningen av webbplatsen drar ögat till bara två element, bild och text. 

Deras lättnavigerade meny gör att du kan förstå deras försäljningsprocess utan att erbjuda för många alternativ. Bläddra vidare på deras hemsida så hittar du bilder som visar ytterligare hur detta företag fungerar. 

Och toppbetyg för att de delat upp sina produkter i två separata menyalternativ "skjortor" och "kostymer". Det gör att användarna kan komma till det de vill ha utan att behöva navigera genom undersidor.

När det gäller flerspråkighet finns deras språkväljare längst upp till höger på deras webbplats – och smälter perfekt in i designens utseende och känsla.

Och när det gäller att erbjuda flerspråkig e-handel har de gjort det enkelt för både sina holländska och engelska kunder att använda den betalningsmetod de väljer med inte mindre än 9 olika alternativ.

Skapa rätt webbplatslayout för din användare

När du skapar din webbplats ska du alltid ha din målgrupp i åtanke. Webbplatsbesökare vill få tillgång till den information de behöver direkt. Gör det inte svårare för dem än vad det behöver vara. 

De exempel på webbplatslayouter som visas ovan vet exakt vad deras användare vill ha och det märks. 

Vad kan vi lära oss av dem när det gäller webbplatsens layout? Placera dina CTA:er i det första vecket på din webbplats för att maximera konverteringsgraden, använd vita ytor för att framhäva ditt budskap och se alltid till att din menynavigering är så enkel som möjligt. 

Är du intresserad av att översätta din webbplats? Prova Weglot på din webbplats med vår 10 dagars gratis provperiod.

Vill du ha mer information? Läs: 9 tips för att utforma en webbplats på flera språk, Flerspråkiga olympiska spelen: Här är till de flerspråkiga webbplatser som gör det rätt, 6 typer av företag som definitivt bör översätta sin webbplats