# data[].attributes.body
Det var inte helt lätt att få till samma resultat i ett mindre format men det gick till slut. En lite rolig detalj här är att jag gjort omslaget till "Dr Jekyll & mr Hyde" då jag läste Grafisk design 1 vid Malmö högskola. Då var uppgiften att re-designa en modern klassiker, detta blev mitt bidrag.

# data[].attributes.body
Böckerna i bakgrunden hade jag inte i tanken till en början, men då det såg lite väl platt ut så testade jag att lägga till den bilden och gillade resultatet. Dock så fick jag inte till det på mobilsidan där ytan är så pass begränsad. Som ni kan se har jag använt mig av cirkeln genomgående. I det stora hela är jag nöjd med resultatet och då främst att jag lyckades fånga den lätta och lekfulla känslan jag var ute efter. Om det är något jag är missnöjd med så är det logotypen, den borde jag lagt mer tid på och då framför allt ritat typsnittet/bokstäverna för hand så att det hade passat den lite skeva cirkeln mer. Nu är bokstäverna lite för raka känner jag.

# data[].attributes.body
När jag hade en tydlig bild av hemsidan i huvudet, fotade jag allt jag skulle fota (böckerna dvs), gjorde Rädda barnen-bannern samt fixade till den här bilden till "Sommartipset". Den här tog jag tidigare i somras precis då jag köpt en ny kamera till mig och flickvän (en Sony A6000). Alla bilder fixade jag till lite i Ps, dvs höjde kontrasterna, beskar etc. Jag sänkte också opaciteten på fotot i det färdiga resultatet för att få en lite mer drömsk bild.

# data[].attributes.body
Slutprodukten blev inte precis som skissen men i relativt liknande.

# data[].attributes.body
Jag tittade, härmade, skissade och beslutade.

# data[].attributes.body
Akademibokhandeln tittade jag också på en del. Tydlig och bra, som jag vill ha det.

# data[].attributes.body
Bokus har jag också sneglat på en del, även om jag ville ha något ännu enklare.

# data[].attributes.body
Med färgtema, tydlig bild av vad jag ville förmedla, logotyp och ikoner gjorda så var det dags att planera för hur utformningen på hemsidan skulle se ut. Pocketstore har en enkelhet och tydlighet jag ville åt, så den sidan har varit min främsta inspiration.

# data[].attributes.body
Det är alltid kul att digitalisera handritade saker. Korgen och kundvagnen fick tävla om att bli min favorit, korgen vann.

# data[].attributes.body
Ett lätt beslut var att göra ikoner av den lite skeva cirkeln.

# data[].attributes.body
Logotypen blev först bara en bok i en cirkel, sedan lade jag till texten Book up, fonten heter Cubano. Cirkeln kom jag på tidigt och ville ha som ett genomgående tema. Boken pekade från början uppåt och sidorna på boken var vända nedåt som ni kan se här till höger. Detta för att få en pil-liknande effekt uppåt, men jag tyckte inte att det höll riktigt.

# data[].attributes.body
Det behöver inte vara tråkigt och stelt för att det handlar om böcker och läsning, därför vill jag istället att min hemsida ska anspela på lekfullhet och enkelhet. Efter att jag bestämt mig för namnet Book up, började skissa på logotyp. Jag bestämde mig även för att helt utesluta svart på hemsidan då det skulle kunna göra den mörkare och tyngre.

# data[].attributes.body
Jag själv läser en hel del böcker och har hört att böcker har svårt att konkurrera med andra digitala gratiskanaler. Vi lever i skärmarnas tid, inte böckernas. Så min smått idealistiska idé med uppgiften har därför blivit att designa för mer läsande. Alltså att göra en hemsida som stimulerar en yngre målgrupp till attköpa böcker. Så jag började med att titta på hur andra svenska bokaffärer på nätet såg ut för att få inspiration. I ett tidigt skede såg jag denna färgkombination på Akademibokhandelns hemsida. Den andas, är luftig och fräsch samt symboliserar lätthet - så den gjorde jag till min, även om jag ändrade nyanserna en aning.