Gör om min hemsida: Chris & Lin

För en tid sedan efterlyste vi kunder som vill ha tips och konkreta råd kring sin hemsidedesign. En “gör om mig” för din hemsida, helt enkelt.

En av de första som anmälde sig är Christina som driver klädbutiken Chris & Lin.
Här visar vi en liten “make-over” som du själv enkelt kan göra på din hemsida.
Christina bad om hjälp med förstasidan, som hon önskade skulle få ett proffsigare utseende samt att justera bildernas lite slumpartade placering.
Även sidans enfärgade bakgrund ville hon gärna byta ut.
Efter att ha tittat på hemsidan beslutade vi oss för att även se över typsnitten och länkning av rubriker till olika sidor.
Klicka här för att se hela hemsidan www.chrisolin.se
1) Bildernas placering var oregelbunden och gav ett splittrat intryck. Tänk att bilderna är som en vägg med tavlor för din verksamhet och gör ett snyggt kollage.
Vi ändrade den aktuella sidans layout till en variant med flera olika kolumner, för att skapa illusionen av en kollagevägg med bilder.
2) Vi flyttade runt bilderna och rubrikerna så att helheten blev mer harmonisk för ögat att ta in. Bilderna beskars inte, istället justerade vi tomrummet under bild/rubrik genom att klicka på knappen “mer” på respektive block och öka/minska höjden.
3) Ett vanligt misstag är att välja typsnitt som är samma som logotypens. Vi ändrade typsnitten för både stor och liten rubrik för att ytterligare förstärka den lantliga och personliga känslan.
4) Vi ändrade rubrikernas bakgrund till mönster (stor rubrik) och färg (liten rubrik) och flyttade in texten genom att öka utfyllnad från vänster.
5) Även den löpande textens typsnitt ändrades och blocket fick en ram. För att göra detta, för musen över blocket och klicka på “ram” och välj en av de redan färdiga varianterna.
6) Hela sidans bakgrund ändrades till en mer levande textur, bland de färdiga mönstren.
7) Genom att flytta ner och justera toppmenyn med bakgrundsfärg, prickig ram och olika färger gjordes den om för att bättre matcha sidhuvudets bild.
8) Slutligen skapade vi länkar från rubrikerna till de olika undersidorna. Ett enkelt sätt att göra en hemsida roligare att besöka.

Sidan känns nu mer inbjudande och öppnar upp för att besökaren enkelt ska kunna klicka sig runt från förstasidan.
Stort tack till Christina på Chris & Lin för att hon gav oss förtroendet att ändra i sin hemsida. Det är så kul att se att med några mycket enkla grepp går det att göra en hemsida mer personlig.

Vill du också ha tips för din hemsida?
Anmäl dig genom att maila in länk till din hemsida och vad du önskar hjälp med.
Vi väljer 1-3 ändringar som inspirerar fler att våga prova verktygets möjligheter.

Passa också på att titta in på vårt supportcenter som har massor av bild- och videoguider.

Gilla och kommentera gärna på vår facebook-sida och länka till din egna hemsida.

För en tid sedan efterlyste vi kunder som vill ha tips och konkreta råd kring sin hemsidedesign. En “gör om mig” för din hemsida, helt enkelt.

En av de första som anmälde sig är Christina som driver klädbutiken Chris & Lin.
Här visar vi en liten “make-over” som du själv enkelt kan göra på din hemsida.

Christina bad om hjälp med förstasidan, som hon önskade skulle få ett proffsigare utseende samt att justera bildernas lite slumpartade placering.
Även sidans enfärgade bakgrund ville hon gärna byta ut.
Efter att ha tittat på hemsidan beslutade vi oss för att även se över typsnitten och länkning av rubriker till olika sidor.

Klicka här för att se hela hemsidan www.chrisolin.se

1) Bildernas placering var oregelbunden och gav ett splittrat intryck. Tänk att bilderna är som en vägg med tavlor för din verksamhet och gör ett snyggt kollage.
Vi ändrade den aktuella sidans layout till en variant med flera olika kolumner, för att skapa illusionen av en kollagevägg med bilder.

2) Vi flyttade runt bilderna och rubrikerna så att helheten blev mer harmonisk för ögat att ta in. Bilderna beskars inte, istället justerade vi tomrummet under bild/rubrik genom att klicka på knappen “mer” på respektive block och öka/minska höjden.

3) Ett vanligt misstag är att välja typsnitt som är samma som logotypens. Vi ändrade typsnitten för både stor och liten rubrik för att ytterligare förstärka den lantliga och personliga känslan.

4) Vi ändrade rubrikernas bakgrund till mönster (stor rubrik) och färg (liten rubrik) och flyttade in texten genom att öka utfyllnad från vänster.

5) Även den löpande textens typsnitt ändrades och blocket fick en ram. För att göra detta, för musen över blocket och klicka på “ram” och välj en av de redan färdiga varianterna.

6) Hela sidans bakgrund ändrades till en mer levande textur, bland de färdiga mönstren.

7) Genom att flytta ner och justera toppmenyn med bakgrundsfärg, prickig ram och olika färger gjordes den om för att bättre matcha sidhuvudets bild.

8) Slutligen skapade vi länkar från rubrikerna till de olika undersidorna. Ett enkelt sätt att göra en hemsida roligare att besöka.

Sidan känns nu mer inbjudande och öppnar upp för att besökaren enkelt ska kunna klicka sig runt från förstasidan.

Stort tack till Christina på Chris & Lin för att hon gav oss förtroendet att ändra i sin hemsida. Det är så kul att se att med några mycket enkla grepp går det att göra en hemsida mer personlig.

Vill du också ha tips för din hemsida?
Anmäl dig genom att maila in länk till din hemsida och vad du önskar hjälp med.
Vi väljer 1-3 ändringar som inspirerar fler att våga prova verktygets möjligheter.

Passa också på att titta in på vårt supportcenter som har massor av bild- och videoguider.

Gilla och kommentera gärna på vår facebook-sida och länka till din egna hemsida.

Designtips: Snygga bildlänkar

Några av er har undrat hur man gör snygga bildlänkar, i likhet med dem på Elina Studios hemsida.
Det är faktiskt inte alls särskilt svårt!
Följ vår enkla guide och låt dig inspireras
1) På denna enkla demo-hemsida har jag dragit ner en bild och placerat i kolumnen till vänster.
2) För musen över bilden och välj “ändra bild”.
3) Välj en egen bild från din dator.
I detta fall har jag laddat ner jättefina ikoner/digital scrapbooking som är fria för kommersiell användning från Pixelscrapper.
4) Detaljstyr storleken och välj Länka bilden.
Du kan länka inom din hemsida eller till externa platser som FaceBook eller något annat.
5) Välj sedan Bildredigerare och därefter PicMonkey.
6) Välj Text i huvudmenyn och klicka sedan på Add Text. Det kommer då upp en ruta i din bild där du kan skriva in din text. Välj typsnitt.
7) Här skriver jag in min text och justerar storlek, färg transparens mm.
Klicka sedan på Save och bilden sparas ner till din hemsida med texten på.
Svårare än så här är det inte.

Är du duktig på design och kan arbeta i program som Illustrator eller liknande, gör du säkert dina egna bilder på datorn, men detta är ett enkelt sätt att åstadkomma liknande resultat.

Har du snygga bildlänkar på din hemsida?
Vi vill gärna visa upp dem som inspiration, så maila oss gärna och visa och berätta hur du gjort.
Vi ser fram emot att höra från dig!

Några av er har undrat hur man gör snygga bildlänkar, i likhet med dem på Elina Studios hemsida.
Det är faktiskt inte alls särskilt svårt!
Följ vår enkla guide och låt dig inspireras

1) På denna enkla demo-hemsida har jag dragit ner en bild och placerat i kolumnen till vänster.

2) För musen över bilden och välj “ändra bild”.

3) Välj en egen bild från din dator.
I detta fall har jag laddat ner jättefina ikoner/digital scrapbooking som är fria för kommersiell användning från Pixelscrapper.

4) Detaljstyr storleken och välj Länka bilden.
Du kan länka inom din hemsida eller till externa platser som FaceBook eller något annat.

5) Välj sedan Bildredigerare och därefter PicMonkey.

6) Välj Text i huvudmenyn och klicka sedan på Add Text. Det kommer då upp en ruta i din bild där du kan skriva in din text. Välj typsnitt.

7) Här skriver jag in min text och justerar storlek, färg transparens mm.
Klicka sedan på Save och bilden sparas ner till din hemsida med texten på.

Svårare än så här är det inte.

Är du duktig på design och kan arbeta i program som Illustrator eller liknande, gör du säkert dina egna bilder på datorn, men detta är ett enkelt sätt att åstadkomma liknande resultat.

Har du snygga bildlänkar på din hemsida?
Vi vill gärna visa upp dem som inspiration, så maila oss gärna och visa och berätta hur du gjort.
Vi ser fram emot att höra från dig!

Tips: Snygga svartvita bilder med ram

I bildredigeringsguiden del 2 tittar vi på några enkla knep för att göra bilder svartvita och lägga en enkel ram.
Detta gör genast att foton med oönskade färger ser mer sofistikerade ut, och en ram hjälper till att framhäva bilden från bakgrunden.
Följ med på vår enkla steg-för-steg guide och testa på din hemsida.
Bilden på hästen är gul och den relativt ljusa bakgrunden distraherar från motivet.
1) Klicka på “Bildredigerare”.
2) Välj PicMonkey. (Testa gärna de andra verktygen också, alla innehåller olika möjligheter)
3) Välj under “trollspö-menyn” funktionen Black and White.
4) Klicka runt i filter-färgväljaren och testa var det blir snyggast svartvit-kombination. Tryck på Apply.
5) För att ljusa upp eller mörka ner bilden och lägga på mer kontrast, gå in på Exposure som ligger under den översta menyn. Justera kontrast och ljusstyrka.
Klicka på Apply.
6) För att mörka ner kanterna, vinjettera, välj Dark Edges som ligger strax under Black and White. Justera storlek och styrka.
Klicka på Apply.
7) Testa att lägga en enkel ram runt bilden, välj Simple Edge och justera värdena efter tycke och smak.
Tips är att bestämma en profil som alla bilder på hemsidan ska ha. Det gör att sidan känns mer professionell.
8) Spara dina ändringar.
9) Färdig!
Stort tack till Familjen Karlsson på Ekeby Gård för att vi fått låna er fina hemsida för att visa tipsen.

Vi hoppas att dessa små tips ska göra det ännu enklare och roligare att skapa och uppdatera din hemsida!

Lycka till och maila oss gärna om du testat bildredigeringstipset och vill visa vad du skapat!
Vi visar gärna upp din sida som inspiration för andra.

I bildredigeringsguiden del 2 tittar vi på några enkla knep för att göra bilder svartvita och lägga en enkel ram.
Detta gör genast att foton med oönskade färger ser mer sofistikerade ut, och en ram hjälper till att framhäva bilden från bakgrunden.
Följ med på vår enkla steg-för-steg guide och testa på din hemsida.

Bilden på hästen är gul och den relativt ljusa bakgrunden distraherar från motivet.
1) Klicka på “Bildredigerare”.

2) Välj PicMonkey. (Testa gärna de andra verktygen också, alla innehåller olika möjligheter)

3) Välj under “trollspö-menyn” funktionen Black and White.

4) Klicka runt i filter-färgväljaren och testa var det blir snyggast svartvit-kombination. Tryck på Apply.

5) För att ljusa upp eller mörka ner bilden och lägga på mer kontrast, gå in på Exposure som ligger under den översta menyn. Justera kontrast och ljusstyrka.
Klicka på Apply.

6) För att mörka ner kanterna, vinjettera, välj Dark Edges som ligger strax under Black and White. Justera storlek och styrka.
Klicka på Apply.

7) Testa att lägga en enkel ram runt bilden, välj Simple Edge och justera värdena efter tycke och smak.
Tips är att bestämma en profil som alla bilder på hemsidan ska ha. Det gör att sidan känns mer professionell.

8) Spara dina ändringar.

9) Färdig!

Stort tack till Familjen Karlsson på Ekeby Gård för att vi fått låna er fina hemsida för att visa tipsen.

Vi hoppas att dessa små tips ska göra det ännu enklare och roligare att skapa och uppdatera din hemsida!

Lycka till och maila oss gärna om du testat bildredigeringstipset och vill visa vad du skapat!
Vi visar gärna upp din sida som inspiration för andra.

Tips i bildredigeringsverktyget: Gulstick

Har du tagit egna bilder och vill snygga till dem på din hemsida?
Vi visar dig hur du enkelt fixar de vanligaste problemen.
I detta avsnitt redigerar vi bort den gula färgen man ofta får i bilder tagna inomhus.
Gå in på din egen hemsida och testa dem gärna redan idag.

Problem 1: Fotot är taget inne i stallet med glödlampsbelysning och ganska mörkt. Du vill bli av med den gula tonen och ljusa upp bilden.
“FÖRE” Fotot på hästen är tagen inne i stallet där belysningen ger en gul färg till hela bilden.1) För musen över bilden, klicka på knappen “Bildredigerare”
2) Välj för detta exempel PicMonkey. (Testa gärna de andra verktygen också, de har alla olika funktioner)
3) För att korrigera exponering, dvs om bilden är för ljus eller mörk, testa att klicka på “Auto”. Det KAN bli bra. Och då är vi nöjda.
4) Blir det INTE bra, så klickar du bara på “undo” så backar verktyget tillbaka.
5) Nu vill du själv bestämma hur ljus/mörk bilden ska vara, välj “Exposure” och dra sedan i reglagen tills du är nöjd. Tryck på Apply.
6) För att ta bort färgstick (alltså i detta fall det gula) ur bilden, välj “Colors” och dra sedan i reglagen tills du uppnått en mer neutral ton i bilden.  
Eller tryck på “Neutral picker” och klicka sedan inne i fotot på något som är vitt, neutralt grått eller svart. Testa gärna runt på flera ställen i bilden så ser du hur bilden förändras med färger.
Tryck på Apply.
“EFTER” fotot är mer neutralt och passar bättre ihop med de övriga bilderna på hemsidan.7) Spara till hemsidan genom att klicka på “Save” högst upp i fönstret.

Nu har du en mer neutral bild, vilket är ger ett snyggare och mer samlat intryck av bilderna, särskilt när du har många olika foton på din hemsida.
Stort tack till Familjen Karlsson på Ekeby Gård för att vi fått låna er fina hemsida för att visa tipsen.
Ekeby Gårds hemsida ger besökaren en chans att lära känna verksamheten på ett mycket bra sätt, med många bilder, filmer och personligt skrivna texter.
Titta gärna in och lämna en hälsning i deras gästbok.

Vi hoppas att dessa små tips ska göra det ännu enklare och roligare att skapa och uppdatera din hemsida!

Lycka till och maila oss gärna om du testat bildredigeringstipset och vill visa vad du skapat! Vi visar gärna upp din sida som inspiration för andra.

Har du tagit egna bilder och vill snygga till dem på din hemsida?
Vi visar dig hur du enkelt fixar de vanligaste problemen.
I detta avsnitt redigerar vi bort den gula färgen man ofta får i bilder tagna inomhus.
Gå in på din egen hemsida och testa dem gärna redan idag.

Problem 1: Fotot är taget inne i stallet med glödlampsbelysning och ganska mörkt. Du vill bli av med den gula tonen och ljusa upp bilden.


“FÖRE” Fotot på hästen är tagen inne i stallet där belysningen ger en gul färg till hela bilden.

1) För musen över bilden, klicka på knappen “Bildredigerare”

2) Välj för detta exempel PicMonkey. (Testa gärna de andra verktygen också, de har alla olika funktioner)

3) För att korrigera exponering, dvs om bilden är för ljus eller mörk, testa att klicka på “Auto”. Det KAN bli bra. Och då är vi nöjda.

4) Blir det INTE bra, så klickar du bara på “undo” så backar verktyget tillbaka.

5) Nu vill du själv bestämma hur ljus/mörk bilden ska vara, välj “Exposure” och dra sedan i reglagen tills du är nöjd. Tryck på Apply.

6) För att ta bort färgstick (alltså i detta fall det gula) ur bilden, välj “Colors” och dra sedan i reglagen tills du uppnått en mer neutral ton i bilden.  
Eller tryck på “Neutral picker” och klicka sedan inne i fotot på något som är vitt, neutralt grått eller svart. Testa gärna runt på flera ställen i bilden så ser du hur bilden förändras med färger.
Tryck på Apply.


“EFTER” fotot är mer neutralt och passar bättre ihop med de övriga bilderna på hemsidan.

7) Spara till hemsidan genom att klicka på “Save” högst upp i fönstret.

Nu har du en mer neutral bild, vilket är ger ett snyggare och mer samlat intryck av bilderna, särskilt när du har många olika foton på din hemsida.

Stort tack till Familjen Karlsson på Ekeby Gård för att vi fått låna er fina hemsida för att visa tipsen.
Ekeby Gårds hemsida ger besökaren en chans att lära känna verksamheten på ett mycket bra sätt, med många bilder, filmer och personligt skrivna texter.
Titta gärna in och lämna en hälsning i deras gästbok.

Vi hoppas att dessa små tips ska göra det ännu enklare och roligare att skapa och uppdatera din hemsida!

Lycka till och maila oss gärna om du testat bildredigeringstipset och vill visa vad du skapat! Vi visar gärna upp din sida som inspiration för andra.