# data[].attributes.body
Genom uppgiftens innehåll framgick det tydligt vilka sidor som skulle ingå och vilka riktmärken man skulle hålla sig inom, detta gjorde att jag kunde planera mitt arbete utefter de ramarna och skapa alla vyer, texter och illustrationer som behövdes.
Först och främst bestämde jag mig för hur strukturen för mobil- och webbversionen skulle se ut i det stora hela. Jag lade mest fokus på webbversionen initialt.

Nästa steg var att börja placera de olika komponenterna på sidorna. Detta steget innehöll färgkomposition, mer absoluta beslut gällande profilen på sidan och jag skissade även fram kortare historier för att kunna skapa boktitlar och bokomslag av.
Gällande typografin så kom jag att använda mycket Arial. Arial är ett klassiskt typsnitt som andas stilrenhet och luft samtidigt som det har en otrolig styrka i sina anslag.
Arial är dessutom väldigt enkel för ögat och dess runda former är, likt många andra sans-serifer, enkla att ta till sig. Sans-serifer såsom Arial, Lato och Open Sans hittar man på många webbsidor idag och det är ofta i kombination med en vit bakgrund och ett fåtal färger.

Se längre, utförligare beskrivning i min rapport :)

# data[].attributes.body
Jag inspirerades av Aftonbladets hemsida gällande placering av bannern. På Aftonbladet finns fler banners men jag nöjde mig med en avlång och placerade den till höger, på samma sätt som det finns en banner placerad på Aftonbladets sida.

# data[].attributes.body
Som jag skrev under "skiss 2" ville jag ha en handskriven, barnslig logga då jag tyckte det passade för denna typ av hemsida.

# data[].attributes.body
Jag har gjort en webbsida för ett bokförlag som säljer barnböcker. Jag har valt att kalla bokförlaget Kloka Ugglan. Kloka Ugglan har ett tydligt mål - att utveckla både barns och föräldrars fantasi. Böckerna riktar sig till barn och föräldrar som enskilt eller tillsammans kan utforska fåglarnas värld, med båda delar humor och kunskap. Jag har velat skapa en mysig stämning med illustrationer och färger som jag tyckte kändes tilltalande för syftet.

# data[].attributes.body
Jag hade först en tanke att jag skulle illustrera fåglar på ett mer avskalat sätt och utan färger. Gjorde en början till en sådan skiss, som kan ses här. Jag ångrade mig dock ganska snabbt och tyckte att det kändes mer passande med färgglada, lite mysigare fåglar.

# data[].attributes.body
Jag skissade lite på loggan. Jag tänkte att jag ville ha den handskriven på ett barnsligt sätt. Provade både med gemener och versaler innan jag bestämde mig.

# data[].attributes.body
Jag gjorde en skiss av kartan innan jag sedan gjorde den version jag använde mig av. Jag gjorde en skiss för att få en känsla av om upplägget och storleksförhållanderna fungerade.

# data[].attributes.body
Jag inspirerades av hemsidan www.fyrbentapoeter.se som säljer barnböcker. De har roliga illustrationer som fick mig att själv vilja rita till mitt projekt. Tonen i texten är lekfull och skojfrisk vilket jag inspirerats av.

# data[].attributes.body
Gällande Produktsidan inspirerades jag till viss del av Adlibris. Jag tittade på strukturen och upplägget. Jag valde samma placering av produktbilden och inspirerandes av uppbyggnaden av sidan i stort.