5 konkreta tips till en säljande design
Skrivet i Design, Inspiration - Kommentera

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.


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”.

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.

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.


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.


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.









Denna hemsida är självklart gjort i Wordpress!
Pingback: Missförstånd mellan Webbdesigner & Webbutvecklare | Grafix Studio - webbdesigner och grafiker
Pingback: Tar du dina designförslag hela vägen? | Grafix Studio - webbdesigner och grafiker
Pingback: Anpassa din hemsida till iPad | Grafix Studio - webbdesigner och grafiker