Gör om mig: Östersunds Hundforum

EFTER. Klicka på bilden för att komma direkt till Östersunds Hundforums hemsidaÖstersunds Hundforum ville ha en levande förstasida med blogg, samtidigt som sidan skulle vara lätt att navigera på.
Kolla in den enkla förvandlingen där vi bytte typsnitt, sidlayout och lade in en av företagets många egna fina bilder.
 
Jenny som driver Östersunds Hundforum har under arbetat mycket med sidans innehåll, det finns många fina foton och bra texter.
Ett problem med mycket text, i synnerhet på startsidan, kan vara att besökaren inte orka läsa texten och inte klickar sig vidare in på hemsidan.
 
Flera typsnitt byttes ut, bland annat “stor rubrik”, som fick ett striktare och mer lättläst typsnitt. Samma typsnitt används i andra block, men då med gemener och annan förg och storlek. Det kan vara en bra idé att våga testa samma typsnitt på hemsidan, det ger ett sammanhållet och rent intryck.

En stor och välkomnande bild på startsidan byts ut efter säsong så att besökaren möts av något nytt varje gång hen besöker sidan.
Sidlayouten byttes till en layout som gör det enkelt att “bygga på höjden”. 
Idag används suftplattor och smartphones i allt större utsträckning, så tidigare “regel” om att allt ska synas utan scrollning gäller inte längre.
Våga lägga innehåll så att det är lätt att scrolla neråt, det gör det enklare för dessa användare.
Rama in texter. Det är enkelt att framhäva en text genom att lägga en ram runt den. I detta fallet har Martina använt en befintlig ram, men det går lika bra att göra en egen i verktyget.
Såhär blev nederdelen av startsidan med en ram runt text med bild.

Bakgrunden med björkstammarna är tänkt att anknyta till Östersund och dess natur, denna bakgrund ligger enbart på förstasidan medan resterande undersidor har andra neutrala bakgrunder. Det är mycket enkelt att skapa variation på de olika undersidorna genom att lägga olika bakgrunder.

Företagets logotyp låg på en vit platta, Martina såg till att få ett annat filformat så att bakgrunden kunde göras genomskinlig, png.
Stort tack till Jenny på Östersunds Hundforum för förtroendet att låta oss ändra på din sida. 
Vi önskar dig stort lycka till med ditt företag och hoppas att du fortsätter utveckla företagets stil på hemsidan.

Vill du följa oss på Facebook? Gilla oss och få de senaste nyheterna och tipsen först av alla! Vi ses!


EFTER. Klicka på bilden för att komma direkt till Östersunds Hundforums hemsida

Östersunds Hundforum ville ha en levande förstasida med blogg, samtidigt som sidan skulle vara lätt att navigera på.
Kolla in den enkla förvandlingen där vi bytte typsnitt, sidlayout och lade in en av företagets många egna fina bilder.

 

Jenny som driver Östersunds Hundforum har under arbetat mycket med sidans innehåll, det finns många fina foton och bra texter.
Ett problem med mycket text, i synnerhet på startsidan, kan vara att besökaren inte orka läsa texten och inte klickar sig vidare in på hemsidan.
 

Flera typsnitt byttes ut, bland annat “stor rubrik”, som fick ett striktare och mer lättläst typsnitt. Samma typsnitt används i andra block, men då med gemener och annan förg och storlek. Det kan vara en bra idé att våga testa samma typsnitt på hemsidan, det ger ett sammanhållet och rent intryck.

En stor och välkomnande bild på startsidan byts ut efter säsong så att besökaren möts av något nytt varje gång hen besöker sidan.

Sidlayouten byttes till en layout som gör det enkelt att “bygga på höjden”. 
Idag används suftplattor och smartphones i allt större utsträckning, så tidigare “regel” om att allt ska synas utan scrollning gäller inte längre.
Våga lägga innehåll så att det är lätt att scrolla neråt, det gör det enklare för dessa användare.

Rama in texter. Det är enkelt att framhäva en text genom att lägga en ram runt den. I detta fallet har Martina använt en befintlig ram, men det går lika bra att göra en egen i verktyget.

Såhär blev nederdelen av startsidan med en ram runt text med bild.

Bakgrunden med björkstammarna är tänkt att anknyta till Östersund och dess natur, denna bakgrund ligger enbart på förstasidan medan resterande undersidor har andra neutrala bakgrunder. Det är mycket enkelt att skapa variation på de olika undersidorna genom att lägga olika bakgrunder.

Företagets logotyp låg på en vit platta, Martina såg till att få ett annat filformat så att bakgrunden kunde göras genomskinlig, png.

Stort tack till Jenny på Östersunds Hundforum för förtroendet att låta oss ändra på din sida. 
Vi önskar dig stort lycka till med ditt företag och hoppas att du fortsätter utveckla företagets stil på hemsidan.

Vill du följa oss på Facebook? Gilla oss och få de senaste nyheterna och tipsen först av alla! Vi ses!

Gör om mig: Extensions 4 U

Penny från Hair Extensions 4U anmälde sin hemsida för att få tips om startsidan och en “om mig” sida.
Följ med på en steg-för-steg guide om hur Martina på Hemsida24 gjorde några små men effektfulla förändringar.
Den gamla startsidan med mycket text och bara en liten bild.Den första förändringen som Martina gjorde var sidhuvudet.
Penny har gjort en egen banner, men som tyvärr inte är tillräckligt bred för att det ska bli en snygg övergång till innehållet.
För musen över sidhuvudet så kommer du in i redigeringsläget för detta. Martina laddar upp en större version av bilden och väljer “fri position” så att även bitarna på sidan visas och inte skärs av.
Nästa steg är att välja ny sidlayout för startsidan.
Idag surfar många från läsplattor och telefoner och då är det bra att göra sidan “lång” så att man genom att scrolla får mer information.
Martina väljer en layoutmall som är anpassad för detta.

Dessutom läggs ett stort bildspel in som möter besökaren med inspiration och säljande bilder.
Hemsidan blir lättare att ta till sig med tydliga avdelare och klickbara rubriker.
Martina strukturerar upp startsidan i mindre block med varsin liten rubrik.
Typsnitten ses över och justeras för att passa in i logotypens känsla.

För att ge den i övrigt ganska mörka hemsidan lite mer färg, väljer Martina att ge de små rubrikerna en bakgrund som Penny tidigare laddat upp när hon experimenterat med sin design. Den turkosa färgen matchar länkarnas färg och ger sidan mer liv.
För att göra sidan ännu lite mer lekfull, läggs en ljusgrå ram runt ett textblock.

Rubriker och bilder på startsidan länkas till respektive undersidor, det gör att besökaren har större benägenhet att utforska andra delar av hemsidan.

Slutligen struktureras undersidan “Bokning” om så att den även innehåller ett segment som handlar om Penny och salongen.

Förändringarna som gjordes tog i sin helhet inte många minuter, det som tar lite mer tid är att välja färger och typsnitt.
Klicka på bilden för att komma till Hair Extensions 4U´s hemsidaStort tack till Penny på Hair Extensions 4U för att vi fick förtroendet att ge feedback på din hemsida och förändra den.
Vi hoppas att detta inspirerar fler till att våga testa olika typsnitt, färger och strukturer på era hemsidor.

Följ oss gärna via Facebook, så får du alltid de senaste tipsen och nyheterna först!
Vi ses!

Penny från Hair Extensions 4U anmälde sin hemsida för att få tips om startsidan och en “om mig” sida.
Följ med på en steg-för-steg guide om hur Martina på Hemsida24 gjorde några små men effektfulla förändringar.


Den gamla startsidan med mycket text och bara en liten bild.

Den första förändringen som Martina gjorde var sidhuvudet.
Penny har gjort en egen banner, men som tyvärr inte är tillräckligt bred för att det ska bli en snygg övergång till innehållet.

För musen över sidhuvudet så kommer du in i redigeringsläget för detta. Martina laddar upp en större version av bilden och väljer “fri position” så att även bitarna på sidan visas och inte skärs av.

Nästa steg är att välja ny sidlayout för startsidan.
Idag surfar många från läsplattor och telefoner och då är det bra att göra sidan “lång” så att man genom att scrolla får mer information.
Martina väljer en layoutmall som är anpassad för detta.

Dessutom läggs ett stort bildspel in som möter besökaren med inspiration och säljande bilder.

Hemsidan blir lättare att ta till sig med tydliga avdelare och klickbara rubriker.
Martina strukturerar upp startsidan i mindre block med varsin liten rubrik.
Typsnitten ses över och justeras för att passa in i logotypens känsla.

För att ge den i övrigt ganska mörka hemsidan lite mer färg, väljer Martina att ge de små rubrikerna en bakgrund som Penny tidigare laddat upp när hon experimenterat med sin design. Den turkosa färgen matchar länkarnas färg och ger sidan mer liv.

För att göra sidan ännu lite mer lekfull, läggs en ljusgrå ram runt ett textblock.

Rubriker och bilder på startsidan länkas till respektive undersidor, det gör att besökaren har större benägenhet att utforska andra delar av hemsidan.

Slutligen struktureras undersidan “Bokning” om så att den även innehåller ett segment som handlar om Penny och salongen.

Förändringarna som gjordes tog i sin helhet inte många minuter, det som tar lite mer tid är att välja färger och typsnitt.


Klicka på bilden för att komma till Hair Extensions 4U´s hemsida

Stort tack till Penny på Hair Extensions 4U för att vi fick förtroendet att ge feedback på din hemsida och förändra den.
Vi hoppas att detta inspirerar fler till att våga testa olika typsnitt, färger och strukturer på era hemsidor.

Följ oss gärna via Facebook, så får du alltid de senaste tipsen och nyheterna först!
Vi ses!

Gör om mig: MJ 08 Måleri

Klicka på bilden för att se den färdiga hemsidan.Låt dig inspireras om hur du med några enkla knep skapar en snyggare förstasida och renare helhetsintryck.
Mikael på MJ 08 Måleri anmälde sin hemsida till “Gör om mig” för att han ville ha synpunkter hur han kan göra sin hemsida mer besöksvänlig.
Så här såg hemsidan ut “före”.Martina som arbetar med marknadsföring hos Hemsida24, börjar med att jobba med Mikaels logotyp. Han har råkat ladda upp versionen som är avsedd för tryck på papper, och den blir då en ljusare grönturkos än originalet.
Martina ställer färginställningen till “RGB” istället för “CMYK” i Photoshop och vips så visas färgen korrekt även på bildskärmen.
Detta är lite överkurs, men kan vara bra att veta om färger plötsligt ser konstiga ut på skärmen.
Här ser man att loggans färg inte alls stämmer överens med övriga färger. På bildskärm ska det vara RGB och inte CMYK.Förstasidan är första intrycket, och det är viktigt att den görs inbjudande och inte för “tung” med för mycket text.

Martina flyttar upp loggan till sidhuvudet och skriver istället underrubriken “Vi skapar stora förändringar” längre ner på sidan. Sidhuvudet görs luftigare och bildlänkar och sociala boxar samlas på ett ställe.

En snygg bild är också viktigt, Martina lägger in en passande genrebild från iStockPhoto, som Mikael enkelt kan byta ut när han hittar en som han tycker ännu bättre om. Bilden beskärs så att inte blir så hög och tar för mycket plats på sidan.
Typsnitten ses över och görs mer enhetliga för att skapa ett renare intryck. Ofta kan det vara bra att använda samma typsnitt (i detta fall Droid Sans) och variera storlek och versaler/gemener.
Även storleken på texten ses över i nyhetsflödet, datummärkningen görs mindre och även kontaktformulärets rubriker minskas.
Mikael har lagt ner mycket arbete på sökmotoroptimeringen och följt vår guide noga. Martina lägger bara till “Värmland” i rubriken så att det klart och tydligt framgår att detta inte är ett Stockholmsbaserat (08) företag. Geografisk placering är ju mycket viktigt just i hantverkarbranschen.
Det Mikael kan jobba vidare med är att ytterligare korta ner texter och fokusera ännu mer på kundnytta.
Besökaren ska direkt få svar på varför hen ska välja just 08 MJ Måleri & Kakel som leverantör.
Klicka på bilden för att komma till hemsidan.Stort tack till Mikael för att han gav oss förtroendet att arbeta med sin hemsida.

Vi önskar honom stort lycka till och hoppas att tipsen inspirerar till att just du också kan göra din hemsida ännu snyggare och säljande.

Vill du ha de senaste tipsen och nyheterna? Gilla då vår Facebook-sida och kommentera gärna!


Klicka på bilden för att se den färdiga hemsidan.

Låt dig inspireras om hur du med några enkla knep skapar en snyggare förstasida och renare helhetsintryck.
Mikael på MJ 08 Måleri anmälde sin hemsida till “Gör om mig” för att han ville ha synpunkter hur han kan göra sin hemsida mer besöksvänlig.


Så här såg hemsidan ut “före”.

Martina som arbetar med marknadsföring hos Hemsida24, börjar med att jobba med Mikaels logotyp. Han har råkat ladda upp versionen som är avsedd för tryck på papper, och den blir då en ljusare grönturkos än originalet.
Martina ställer färginställningen till “RGB” istället för “CMYK” i Photoshop och vips så visas färgen korrekt även på bildskärmen.
Detta är lite överkurs, men kan vara bra att veta om färger plötsligt ser konstiga ut på skärmen.


Här ser man att loggans färg inte alls stämmer överens med övriga färger. På bildskärm ska det vara RGB och inte CMYK.

Förstasidan är första intrycket, och det är viktigt att den görs inbjudande och inte för “tung” med för mycket text.

Martina flyttar upp loggan till sidhuvudet och skriver istället underrubriken “Vi skapar stora förändringar” längre ner på sidan. Sidhuvudet görs luftigare och bildlänkar och sociala boxar samlas på ett ställe.

En snygg bild är också viktigt, Martina lägger in en passande genrebild från iStockPhoto, som Mikael enkelt kan byta ut när han hittar en som han tycker ännu bättre om. Bilden beskärs så att inte blir så hög och tar för mycket plats på sidan.

Typsnitten ses över och görs mer enhetliga för att skapa ett renare intryck. Ofta kan det vara bra att använda samma typsnitt (i detta fall Droid Sans) och variera storlek och versaler/gemener.

Även storleken på texten ses över i nyhetsflödet, datummärkningen görs mindre och även kontaktformulärets rubriker minskas.

Mikael har lagt ner mycket arbete på sökmotoroptimeringen och följt vår guide noga. Martina lägger bara till “Värmland” i rubriken så att det klart och tydligt framgår att detta inte är ett Stockholmsbaserat (08) företag. Geografisk placering är ju mycket viktigt just i hantverkarbranschen.

Det Mikael kan jobba vidare med är att ytterligare korta ner texter och fokusera ännu mer på kundnytta.
Besökaren ska direkt få svar på varför hen ska välja just 08 MJ Måleri & Kakel som leverantör.


Klicka på bilden för att komma till hemsidan.

Stort tack till Mikael för att han gav oss förtroendet att arbeta med sin hemsida.

Vi önskar honom stort lycka till och hoppas att tipsen inspirerar till att just du också kan göra din hemsida ännu snyggare och säljande.

Vill du ha de senaste tipsen och nyheterna? Gilla då vår Facebook-sida och kommentera gärna!

Gör om min hemsida: Nocab

Christopher anmälde sin hemsida till “Gör om mig”-serien eftersom han ville ha tips och hjälp med texterna på hemsidan.
Att “slimma till” hemsidan, helt enkelt.

Martina, som jobbar med marknadsföring på Hemsida24, valde ut en undersida för att visa några konkreta tips som Christopher sedan själv kan applicera på resten av hemsidan.

Följ med på en snabbkurs i att skriva för webb.
FÖRE: Mycket text i smala spalter gör sidan svårläst och tungrodd. Även för små bilder och många små detaljer som avdelare som inte tillför så mycket.- Det största problemet är väl att det finns lite för mycket information på sidan, t.ex. klumpar av text som bara är i spalter och många undersidor, skriver Christopher när han mailar Hemsida24. Jag skulle då vilja ha hjälp i att göra hemsidan mer simpel, med mindre innehåll på sidorna men fortfarande samma budskap.

Ett vanligt misstag när man skriver texter på hemsidor, är att de är för långa.
– Besökaren orkar inte läsa mer än några rader på skärmen åt gången, så det är bättre att dela upp långa texter på fler undersidor eller PDF-dokument, tipsar Martina som jobbar med marknadsföring på Hemsida24.

– Tänk att det är som en dagstidning, på förstasidan ligger bara korta “puffar” som lockar till läsning längre in i tidningen, förklarar Martina. Tänk så med din hemsida också, låt besökaren klicka sig vidare om hen vill läsa mer om något.

På så sätt undviker man “allt på en gång” och behåller besökarens intresse.
EFTER: Sidlayouten har ändrats så sidan blir luftigare. Större bilder ger mer liv. Martina ändrade sidlayouten och gjorde bilderna större. Plottriga avdelare togs bort, istället byttes typsnitt i de små rubrikerna och en röd linje lades under som matchar loggans färg.
Även färgen på länkar byttes till den röda färgen.

Det är lätt att förledas att vilja berätta allt på en gång. Risken är att besökaren inte ens börjar läsa för att det blir för massivt med text.
– I dessa texter började jag helt enkelt med att klippa bort ord och stycken som jag inte ansåg tillförde något, berättar Martina.

Istället informeras besökaren direkt på sidans topp att den kompletta informationen finns att tillgå i de röda länkarna som leder till PDF-dokument, som också går att ladda ner.

Ett alternativ skulle kunna vara att istället göra ytterligare en nivå med undersidor med mer information om varje enskild produkt. Martinas tips är att börja med att skriva i punktform och verkligen enbart ta med information som ger kunskap och/eller är säljande.
Tidigare låg ett textstycke överst på sidan som handlade om företaget Nocab generellt.
Det är bättre att lägga säljande text först, och fråga sig vilken information som är viktigast för kunden.
Blocket med företagsinformationen flyttades istället längst ner till sidan och en ljusgrå ram lades för att skapa variation på sidan.
EFTER: Informationen om företaget läggs längst ner på sidan istället för högst upp.Sammanfattningsvis gäller det att sätta sig i besökarens sits. Vad är mest intressant för hen att läsa? Och även att vara hård mot sig själv och korta texter så mycket som möjligt. Hemsidor ger fantastiska möjligheter att fördela information på fler undersidor eller bilagor.
Stort tack till Christopher på Nocab som låtit oss visa tipsen på hans hemsida.

Följ oss gärna på Facebook för att alltid få senaste nytt och inspirerande tips först.

Vi ses!

Christopher anmälde sin hemsida till “Gör om mig”-serien eftersom han ville ha tips och hjälp med texterna på hemsidan.
Att “slimma till” hemsidan, helt enkelt.

Martina, som jobbar med marknadsföring på Hemsida24, valde ut en undersida för att visa några konkreta tips som Christopher sedan själv kan applicera på resten av hemsidan.

Följ med på en snabbkurs i att skriva för webb.


FÖRE: Mycket text i smala spalter gör sidan svårläst och tungrodd. Även för små bilder och många små detaljer som avdelare som inte tillför så mycket.

– Det största problemet är väl att det finns lite för mycket information på sidan, t.ex. klumpar av text som bara är i spalter och många undersidor, skriver Christopher när han mailar Hemsida24. Jag skulle då vilja ha hjälp i att göra hemsidan mer simpel, med mindre innehåll på sidorna men fortfarande samma budskap.

Ett vanligt misstag när man skriver texter på hemsidor, är att de är för långa.
– Besökaren orkar inte läsa mer än några rader på skärmen åt gången, så det är bättre att dela upp långa texter på fler undersidor eller PDF-dokument, tipsar Martina som jobbar med marknadsföring på Hemsida24.

– Tänk att det är som en dagstidning, på förstasidan ligger bara korta “puffar” som lockar till läsning längre in i tidningen, förklarar Martina. Tänk så med din hemsida också, låt besökaren klicka sig vidare om hen vill läsa mer om något.

På så sätt undviker man “allt på en gång” och behåller besökarens intresse.


EFTER: Sidlayouten har ändrats så sidan blir luftigare. Större bilder ger mer liv.

Martina ändrade sidlayouten och gjorde bilderna större. Plottriga avdelare togs bort, istället byttes typsnitt i de små rubrikerna och en röd linje lades under som matchar loggans färg.
Även färgen på länkar byttes till den röda färgen.

Det är lätt att förledas att vilja berätta allt på en gång. Risken är att besökaren inte ens börjar läsa för att det blir för massivt med text.
– I dessa texter började jag helt enkelt med att klippa bort ord och stycken som jag inte ansåg tillförde något, berättar Martina.

Istället informeras besökaren direkt på sidans topp att den kompletta informationen finns att tillgå i de röda länkarna som leder till PDF-dokument, som också går att ladda ner.

Ett alternativ skulle kunna vara att istället göra ytterligare en nivå med undersidor med mer information om varje enskild produkt. Martinas tips är att börja med att skriva i punktform och verkligen enbart ta med information som ger kunskap och/eller är säljande.

Tidigare låg ett textstycke överst på sidan som handlade om företaget Nocab generellt.
Det är bättre att lägga säljande text först, och fråga sig vilken information som är viktigast för kunden.
Blocket med företagsinformationen flyttades istället längst ner till sidan och en ljusgrå ram lades för att skapa variation på sidan.


EFTER: Informationen om företaget läggs längst ner på sidan istället för högst upp.

Sammanfattningsvis gäller det att sätta sig i besökarens sits. Vad är mest intressant för hen att läsa? Och även att vara hård mot sig själv och korta texter så mycket som möjligt. Hemsidor ger fantastiska möjligheter att fördela information på fler undersidor eller bilagor.

Stort tack till Christopher på Nocab som låtit oss visa tipsen på hans hemsida.

Följ oss gärna på Facebook för att alltid få senaste nytt och inspirerande tips först.

Vi ses!