Eksempler på nettstedslayout for ditt flerspråklige nettsted

Å lage et nettsted handler om mer enn bare å velge riktig CMS-plattform og den "stiligste" malen. 

Ja, hvordan det ser ut, har stor innvirkning på hvordan du fremstår overfor potensielle kunder, men det ligger en mye større tankeprosess bak. 

Nettstedets layout bidrar til nettstedets generelle suksess. Den bestemmer både utseendet og hvordan brukerne navigerer og interagerer på sidene dine. Alt dette bidrar til å øke sannsynligheten for at noen vil kjøpe produktet eller tjenesten din. 

Det er interessant å merke seg at 38 % av alle som besøker et nettsted, slutter å engasjere seg i det hvis innholdet/layouten ikke er attraktiv. God nettstedslayout er mer enn bare å velge en populær mal - det er en integrert del av nettstedsdesignet .

Og som så ofte i alle bransjer vil det alltid være trender. Akkurat nå er det rimelig å si at fullformatbilder og trespaltede design er blant de mest brukte layoutene. 

Det kan godt være at det er et gjenkjennelig format som brukerne av nettstedet ditt kjenner seg igjen i, men er det alltid riktig å følge trender når nettbedrifter har så ulike målgrupper? 

Tilpasning og utforming av et nettsted som passer målgruppen din, vil alltid være avgjørende hvis du vil skille deg ut i markedet. 

Hva kjennetegner et godt nettsted?

Det er ikke akkurat et enkelt spørsmål å svare på eller kvantifisere. Det finnes mange muligheter når det gjelder webdesign. 

Avhengig av hvilken bransje du er i, hvilken merkevare du har, og hvem målgruppen din er, vil alt dette ha stor innvirkning på hva som kan anses som et "godt nettsted". 

Men det finnes noen generelle elementer som alle virksomheter kan dra nytte av.

1. Enkelhet. Bruk hvit plass til å bryte opp innholdet. Fjern "fluffen" og konsentrer deg om det brukeren egentlig er ute etter. 
2. Navigasjon. Gjør det enkelt for brukerne av nettstedet å komme til de sidene de er interessert i. Det er nøkkelen til å holde på besøkende. 
3. Visuelt hierarki. Etabler et fokuspunkt på nettstedet ditt for å vise de besøkende hvor den viktigste informasjonen på siden er. Det kan for eksempel være å ordne elementer etter størrelse, farge, bilder, skrifttyper osv. 
4. Farger og bilder. Riktig bruk av farger og bilder kan få brukerne til å bli lenger på nettstedet ditt. Feil bruk kan føre til distraksjon. 
5. Mobilkompatibilitet. Hvis du trenger en påminnelse, indekserer Google nå nettsteder etter mobilversjonen først. Så sørg for at du sjekker hvordan nettstedet ditt ser ut på mobilversjonen også. 
6. Flerspråklig. Det er ingen hemmelighet at i en verden med stadig økende tilkoblingsmuligheter velger folk i stadig større grad å kjøpe varer utenfor hjemlandet. Å tilby et nettsted på mer enn ett språk er et viktig element for alle som ønsker å øke markedsandelen sin og øke inntektsstrømmene. 

Eksempler på nettstedslayout for ditt flerspråklige nettsted

Som alle internasjonalt orienterte gründere vet, er et flerspråklig nettsted et must når man driver forretninger på nett. Vi har noen flotte eksempler på nettstedslayout fra noen av Weglot egne flerspråklige nettstedskunder . 

Så hva er det som gjør nettstedslayoutene deres så tiltalende? 

Crabtree & Evelyn

La oss sette i gang med kropps- og parfymegiganten Crabtree & Evelyn, som bruker Weglot for å gjøre nettbutikken deres virkelig internasjonal . 

Når du selger tusenvis av produkter på nettet, kan det være vanskelig for de besøkende å fokusere på bare én handlingsrettet CTA. Derfor vet denne nettbutikken nøyaktig hvordan de skal skille seg ut når det gjelder utformingen av nettstedet. 

De har laget en helside over nøkkelbudskapet som de kan endre avhengig av sesong eller land de retter seg mot. Og som alle netthandelsforhandlere vet, er den største tiden på året naturlig nok høytiden, så det er fornuftig at de presser det kjøperne deres utvilsomt leter etter akkurat nå. 

Det er ingen sjanse for en høy fluktfrekvens for denne hjemmesiden. En tydelig CTA "kjøp nå" tar deg rett til produktsiden for gavesettene deres - det er imponerende, rask navigering på nettstedet.

De har valgt en annen tilnærming enn mange andre nettbutikker, og har laget en enkel meny med to nedtrekksalternativer og et søkefelt. 

Med det enorme antallet produkter de tilbyr på nettstedet deres, gir de to alternativer. Alternativ 1 "søkefeltet" er opprettet for personen som vet hva de leter etter, og alternativet "butikk" kan være å foretrekke for en ny bruker som ønsker å se hvilke produkter som er tilgjengelige.

Bla nedover på hjemmesiden, og de har delt opp nettstedet sitt i forskjellige rader som tilbyr mer målrettede varer. Bestselgere og ekstra gavesett appellerer igjen til nye brukere som er usikre på hvor de skal fokusere søket sitt. 

Nederst på nettstedet har de valgt å tilpasse språkvelgeren for den ultimate visningen av lokaliseringen . 

Du har muligheten til å velge hvilket land du befinner deg i, samt hvilket språk du snakker. Som en merkevare som vet at lokalisering er nøkkelen, har de innsett at ikke alle som befinner seg i et bestemt land, kan snakke det lokale språket. 

Digital Menta

Legg merke til hvordan dette digitale mediebyrået bruker hvite flater, tilpassede illustrasjoner og tydelige oppfordringer til handling for å fange oppmerksomheten til de besøkende på nettstedet. 

Dette eksempelet på nettstedslayout viser tydelig hvordan brukeren har alt de trenger over folden. Det visuelle hierarkiet kommer i form av slagordet "revolusjonerende digital som betyr noe" - med utheving av de to siste ordene. 

Det enkle tillegget av en "la oss snakke"-knapp betyr at den besøkende ikke trenger å lete mye lenger når det gjelder å foreta en handling. Valget av bare to farger, grått og grønt, som aksenter, bidrar til mer sammenheng og enkelhet. 

For de fleste digitale mediebyråer er sosiale medier et viktig verktøy når det gjelder å vise frem arbeidet sitt og gi gjennomslagskraft til det de gjør. Ved å bruke en klebrig sosiale medier-linje på høyre side av nettstedet holder de sosiale mediekanalene sine i sikte. 

Navigasjonen er rett på sak, og det er tydelig hvor du skal gå for å finne hvilken informasjon. Bla videre på hjemmesiden, og du vil se at den smarte bruken av skrifttyper og uthevet tekst holder leseren engasjert i det som er viktig. 

Når det gjelder språkbytte, har de valgt å legge til språkbytteknappen sin i bunnteksten ( de har aktivert den nyttige Weglot funksjonen som styrer brukere via nettleseren ).

Yogang

Du vet da vi snakket om enkelhet og om å fjerne "fluffen" for å skape et nettstedsoppsett? Vel, dette nettstedseksemplet gjør nettopp det. Dette yogaspillet for barn viser den perfekte blandingen av animasjon og hvit plass for å skape en følelse av nysgjerrighet og intriger - mens animasjonen ikke bare er der som en gimmick - det er en tydelig indikator på hva de handler om. 

Det første man får inntrykk av dette merket er deres smarte forside med lekne figurer i ulike yogabevegelser. Med et førsteinntrykk som dette er det ingen tvil om at du vil gå videre inn på nettstedet.

Gå forbi den kreative forsiden, og du befinner deg på hovedsiden deres. Igjen er de lekne tegnene brukt gjennom hele nettsidedesignet for å gi konsistens, med hovedproduktet deres utstilt så snart du lander på hjemmesiden. 

Det er en tydelig CTA slik at du kan kjøpe spillet, pluss muligheten til å forstå mer om produktet på høyre side. To CTA-er for både impulskjøperen og en kjøperpersona som først trenger mer avklaring. 

De har laget en om enn lang menylinje, men i dette tilfellet har de all grunn til det. Med muligheten til å selge B2B og B2C, er det fornuftig for brukerne å finne akkurat det de vil ha umiddelbart. 

Produktet deres selges både på det franske og engelske markedet, så en subtil Weglot Språkvelgeren nederst til høyre på nettstedet deres gir mulighet for umiddelbar lokalisering av nettstedet.

Navy eller grå

Skredderselskapet Navy or Grey har blandet hvite flater, illustrasjoner og deres USP i den første folden på nettsiden. Sofistikert er den beste måten å beskrive nettstedets utseende og følelse på, noe som passer godt sammen med bransjen de er i. 

Og når det gjelder visuelt hierarki, har de krysset av for dette. Den første folden på nettstedet trekker blikket mot bare to elementer , bilde og tekst. 

Den lettnavigerte menyen lar deg forstå salgsprosessen deres uten å tilby for mange alternativer. Bla videre på hjemmesiden deres, og du vil finne bilder som viser ytterligere hvordan dette selskapet jobber. 

Og toppkarakter for å dele produktene deres i to separate menypunkter 'skjorter' og 'dresser'. Det gjør at brukerne kan komme til det de ønsker uten å måtte navigere gjennom undersider.

Når det gjelder flerspråklighet, sitter språkvelgeren deres øverst til høyre på nettstedet – og passer perfekt inn i designets utseende og preg .

Og når det gjelder å tilby flerspråklig netthandel, har de gjort det enkelt for både sine nederlandske og engelske kunder å bruke den betalingsmåten de ønsker, med ikke mindre enn 9 forskjellige alternativer.

Lag riktig nettstedsoppsett for brukeren din

Når du oppretter nettstedet ditt, må du alltid ha målgruppen i tankene. Besøkende på nettstedet ønsker å komme til informasjonen de trenger umiddelbart. Ikke gjør det vanskeligere for dem enn det trenger å være. 

Eksemplene på nettstedslayout som er vist ovenfor, vet nøyaktig hva brukerne vil ha , og det vises. 

Hva kan vi lære av dem når det gjelder layout på nettstedet? Plasser CTA-ene dine i første fold på nettstedet for å maksimere konverteringsraten, bruk hvit plass til å fremheve budskapet ditt og sørg alltid for at menynavigasjonen er så enkel som mulig. 

Interessert i å oversette nettstedet ditt? Prøv Weglot på nettstedet ditt med vår 10-dagers gratis prøveperiode .

Vil du vite mer? Les: 9 tips for å designe et flerspråklig nettsted, Flerspråklige olympiske leker: Skål for de flerspråklige nettstedene som gjør det riktig , 6 typer virksomheter som absolutt bør oversette nettstedet sitt