5 konkreta tips till en säljande design

selling
En hemsida ska vara funktionell, snygg och användarvänlig. Det uppfyller de flesta kraven, men det finns något som många designer glömmer bort, nämligen den säljande biten. Det är livsviktigt att en hemsida har en egenskap som inte kan benämnas med något annat ord än ”säljande”.

En säljande design innebär inte att du ska designa för att sälja en produkt eller specifikt kring den. En säljande design utformas genom att visa information på rätt sätt, både bilder och text i en genomtänkt kombination. Hur man designar säljande är inget rent konkret och det finns ingen spikad teori. Det gäller att du som designer tänker på vad som är bäst för din målgrupp och nya besökare, vad tror du de vill se och vad vill du att de ska tycka när de landar på din hemsida. Några saker om kan vara värt att tänka på är:

Visa välplacerade bilder
Fokusera på grafiken
Framhäv den viktigaste informationen
Uppmuntra till att klicka vidare på sajten
Ge en sneak-peak på hemsidans inre information

1. Visa välplacerade bilder

Enklare än såhär blir det inte. Visa bilder som du anser relaterar till ditt innehåll och placera ut de strategiskt på ett ögonfångade område av designen. Om vi tittar på Apples hemsida så handlar allting om deras produkter, deras hemsida har en stilren design på gränsen till att inte vara användbar tack vara ett monokromt färgval.

mac1
mac2
Deras ”featured” produkt hamnat höst upp på en gigantiskt del av hemsidan och andra nyheter hamnar precis under i boxar av en genomtänkt storlek. Det de vinner på detta layoutvalet är inget mindre än sina bilder. Snygga bilder och dessutom välplacerade på hemsidans layout.

2. Fokusera på grafiken

Vad din hemsidas syfte än är, stel business eller livad klubbkänsla så är grafiken alltid viktig. Hur du utnyttjar och använder grafiken till din fördel är inte alltid lätt och det är ofta svårt att hålla sig på rätt sida av ”designvalet”.

graphicriver
Ta en titt på Graphic River där layouten är väldigt inrutad och grafiken inte är så stark. Det du däremot lägger märke till efter ett tag är de små detaljerna som består av linjer som framhäver boxarna på ett väldigt diskret sätt, dock effektivt. Det de uppnår här är en seriös känsla och även en övergripande känsla av grafisk design, utan att gå över ”designvalet” och lägga på för mycket grafik i layouten. De låter innehållet tala för sig själv.

3. Framhäv den viktigaste informationen

Detta borde vara en självklarhet, men det verkar vara väldigt svårt för många att verkligen identifiera vad som är den viktigaste informationen. Om ni tittar på denna sajten så har jag valt att framhäva mina tjänster väldigt tydligt längst upp till vänster av mitt sidhuvud. Det viktigaste med min hemsida är vad jag kan erbjuda dig som besökare och eventuell kund och därför vill jag att du snabbt ska se vad jag faktiskt gör och vem jag är.

grafix
Personen jag är försöker jag snabbt visa upp till vänster med hjälp av en kort introduktion och hälsningsfras. Denna kombination kanske inte fyller gapet till 100%, men det är den viktigaste informationen och därför ska den synas först.

4. Uppmuntra till att klicka vidare på sajten

Att få besökare att vilja klicka vidare är ett av de svårare tekniker att bemästra. Här handlar det både om design och placering av länken/knappen som ska föra dina besökare vidare till informationen. Det finns ett par tekniker som får oss som användare att dra ögat till det önskade föremålet som därefter tar oss vidare till den önskade informationen. På FreelanceFolder lyfter de fram menyn med hjälp av den tunna linjen som ger en s.k. ”belyst” effekt. Ögat dras omedvetet dit utan att du upplever det som irriterande.

freelancefolder
freelancefolder2
För uppdelning av deras kategorier så använder de tabbar. Genom att tydligt separera tabbarna markerar de att det är knappar man kan trycka på och lyckas bra med att visa var man är genom att diskret gömma de andra tabbarna. Man blir automatiskt nyfiken på de ”undangömda” tabbarna och klickar för att lära sig mer.

5. Ge en sneak peak på hemsidans inre information

En effektiv design tar ett steg längre när det gäller att visa sitt innehåll. Här räcker det inte att bara rada upp hemsidans undersidor uppe på menyn utan besökaren bör se vad som finns längre in i hemsidans struktur. Detta åstadkommer man idag väldigt enkelt. En blogg och dess innehåll kan enkelt placeras på startsidan och sköta sig själv när det gäller uppdatering och detta är en bra rekommendation om du vill göra din hemsida lite mer levande.

alist1
alist2
Genom att ge besökaren tillgång till den inre strukturen redan på förstasidan ökar du chansen att de klickar sig in djupare på din sajt och tar den av just den informationen du vill. A List Apart väljer att visa sin ”Editors Choice” som är en belyst artikel och som de uppmuntrar alla att läsa. Ett väldigt simpelt exempel, men däremot effektivt.

Fler inlägg om design

http://www.ranestam.se/ Anton Ranestam

Fick mig en tankeställare när jag läste fjärde stycket ”Uppmuntra till att klicka vidare på sajten”.

Tack för tipsen!
http://www.ranestam.se Anton Ranestam

Fick mig en tankeställare när jag läste fjärde stycket ”Uppmuntra till att klicka vidare på sajten”.

Tack för tipsen!
Stiff

Mycket bra inlägg!
Stiff

Mycket bra inlägg!
http://blogg.scandiwebb.se/ Marcus Lind

Håller just nu på med att programmera ett privat projekt. Ett internationell webbverktyg. Tankegången på förstasidan är ”Vad är poängen med denna sida? Jo att registrera. Finns det någon annan poäng? Nej. Allt handlar om att kunden ska registrera sig på sajten”.

Detta uppnår man b la genom som du säger, ge sneakpeeks på innehållet, t ex screenshots från verktyget, har även med en grafiskt tilltalande bild som länkar vidare till en video om programmet. Det är även viktigt att tänka på tillit, t ex att publicera citat från nöjda kunder osv. Då bygger man ett förtroende hos kunden vilket är säljande.

Nästa steg är landningssidan efter att man registrerat sig. Vad är poängen med denna sida? SÄLJA IN DOM PÅ PREMIUM VERSIONEN. Då får man börja vrida och vända den sidan för att öka konventeringsgraden till antal som betalar för tjänsten. T ex att gråa ut premium-funktioner så att användarna ser ”Aha, detta kan jag göra om jag betalar 50 spänn”.

Tror det är viktigt att folk faktiskt sätter sig ner, tar en paus och tänker till ”Vad är poängen med denna sida?” och utvecklar den efter svaret på den frågan. Dock får man självklart balansera det så att säljandet inte tar över användarvänligheten.
http://blogg.scandiwebb.se/ Marcus Lind

Håller just nu på med att programmera ett privat projekt. Ett internationell webbverktyg. Tankegången på förstasidan är ”Vad är poängen med denna sida? Jo att registrera. Finns det någon annan poäng? Nej. Allt handlar om att kunden ska registrera sig på sajten”.

Detta uppnår man b la genom som du säger, ge sneakpeeks på innehållet, t ex screenshots från verktyget, har även med en grafiskt tilltalande bild som länkar vidare till en video om programmet. Det är även viktigt att tänka på tillit, t ex att publicera citat från nöjda kunder osv. Då bygger man ett förtroende hos kunden vilket är säljande.

Nästa steg är landningssidan efter att man registrerat sig. Vad är poängen med denna sida? SÄLJA IN DOM PÅ PREMIUM VERSIONEN. Då får man börja vrida och vända den sidan för att öka konventeringsgraden till antal som betalar för tjänsten. T ex att gråa ut premium-funktioner så att användarna ser ”Aha, detta kan jag göra om jag betalar 50 spänn”.

Tror det är viktigt att folk faktiskt sätter sig ner, tar en paus och tänker till ”Vad är poängen med denna sida?” och utvecklar den efter svaret på den frågan. Dock får man självklart balansera det så att säljandet inte tar över användarvänligheten.
http://www.grafixstudio.se/design/darfor-misstags-en-webbdesigner-for-att-vara-en-webbutvecklare/ Missförstånd mellan Webbdesigner & Webbutvecklare | Grafix Studio – webbdesigner och grafiker

[...] 5 konkreta tips till en säljande design [...]
http://www.grafixstudio.se/design/designforslag-till-kund/ Tar du dina designförslag hela vägen? | Grafix Studio – webbdesigner och grafiker

[...] 5 konkreta tips till en säljande design [...]
http://www.grafixstudio.se/design/anpassa-din-hemsida-till-ipad/ Anpassa din hemsida till iPad | Grafix Studio – webbdesigner och grafiker

[...] 5 konkreta tips till en säljande design [...]