# data[].attributes.body
Matbokhandeln är nordens största nätbutik inom genren kokböcker och säljer alltifrån pocket till ljud- och e-böcker. Ett nytänkande företag som skiljer sig från övriga online bokföretag då de är nichade på enbart kokböcker och alltid har de senaste nyheterna, först. Matbokhandelns prioritet är att erbjuda kunderna snabba leveranser och låga kostnader.

Hemsidan skiljer sig även den från konkurrenterna då den är modern, stilren och minimalistisk i sin utformning och tack vare den luftiga utformningen ger den besökaren en upplevelse i design och användarvänlighet som bidrar till att besökaren stannar kvar och även återkommer till sidan.

# data[].attributes.body
Att ta fram en "enkel" logotyp var svårare än jag trodde. Antingen vill jag leka med bokstaven M och sedan använda "Matbokhandeln" bredvid eller under M:et eller så vill jag göra om O:et till någon sorts bok för att logotypen ska illustrera och visualisera vad för sorts företag det är. Jag får fortsätta försöka och sedan hitta ett typsnitt som passar ihop med den slutgiltiga logotypen.

# data[].attributes.body
Nu har jag satt upp en ungefärlig struktur för layouten utifrån mina tankar kring mitt slutresultat och min inspiration. Knappar, ikoner, meny etc. har börjat placerats ut och färgskalan och typsnitt är bestämda. Dock är jag inte helt nöjd och kommer behöva tänka mer på struktur och storlek och kommer även behöva ta nya bilder då de ser alldeles för gula ut.

# data[].attributes.body
Nedan är slutresultatet av en av de många skisser jag tagit fram för det mobilanpassade formatet för hemsidan. Att ta webbformatet och göra om det till mobilformat var knepigt och mycket att tänka på. Jag har delat upp de olika kategoriera och fortsatt i samma tanke att göra de stilrent, luftigt och med mycket white space. Jag vet fortfarande inte riktigt hur och var jag ska lägga in kontakt och banner och hur pass stor yta respektive kategori ska fylla. Men nu har jag en skiss att utgå ifrån när jag sätter igång arbetet i illustrator.

# data[].attributes.body
Då jag har en förkärlek till de minimalistiska och de naturnära och enkla färgerna fastnade jag för den här bilden och layouten. Jag gillar hur de arbetat de kvadratiska formerna och den enkla men ändå stilfulla utformningen.

# data[].attributes.body
För att min logotyp ska gå i linje med min tilltänkta minimalistiska och stilrena hemsida vill jag skapa en logotyp som är enkel men som ändå är genomtänkt och går i linje med min layout. Jag tänker mig en bokstavsvariant tillsammans med företagets namn i ett typsnitt som matchar både bokstaven och layouten som helhet.

# data[].attributes.body
Efter att ha surfat runt på de hemsidor hos de svenska företagen som säljer böcker fastnade jag mest för bokus (www.bokus.com) hemsida. Den är luftig och inte lika rörig som många andra, vilket bidrar till att den blir mer lättnavigerad för användaren och man får en bättre känsla kring designen i stort. Jag gillar även hur de arbetat med färgerna då de är ganska neutrala och sedan använder en färg (orange) som sin signaturfärg.

# data[].attributes.body
Layouten för de mobilanpassade formatet är designat utifrån samma tankar som det webbanpassade. Dock är allt anpassat för det mindre formatet och jag har valt ut de komponeter jag anses viktigast och sållat bort onödig information. Jag utgick ifrån de webbanpassade formatet när jag skapade mobilformatet och märkte ganska snabbt att det underlättade att jag arbetat med kvadratiska former och mycket white space. På så sätt gick det ganska bra att skala om och bryta ner designen. Knappar och ikoner storleksanpassades så att man med enkelhet ska kunna interagera med sitt finger. Överlag är jag väldigt nöjd med layouten för den mobinanpassade versionen och genom denna kurs har man verkligen lärt sig hur man skapar grafisk design för webben och de olika plattformarna.

# data[].attributes.body
Nedan bild är slutresultatet för startsidan på det webbbaserade gränssnittet. Layouten för de webbanpassade formatet gjordes utifrån att den ska vara
stilren, modern och nytänkande för en näthandel som säljer böcker. Med
hjälp av kvadratiska former, white space och minimalistiska detaljer tycker
jag att jag skapat och tagit fram en layout som fyller sin fuktion. Ikoner och
knappar är synliga och lätta att interagera med, menyn är placerad centralt
högt upp på sidan och strukturen är hierarkiskt uppbyggd där viktig info-
rmation placerats högts upp i fallande ordning.