https://padlet.com/anna_lindblom0386/eimi53dxh7o3 Digital Design en-us 2018-01-10 13:01:27 UTC 2026-01-30 19:00:04 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Rocket.png anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137871 2018-01-10 13:14:23 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137871 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137900 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. ]]> 2018-01-10 13:14:28 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137900 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137934 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. ]]> 2018-01-10 13:14:36 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137934 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137950 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. ]]> 2018-01-10 13:14:39 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137950 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137965 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. ]]> 2018-01-10 13:14:43 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220137965 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138016 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. ]]> 2018-01-10 13:14:54 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138016 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138040 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. ]]> 2018-01-10 13:14:59 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138040 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138144 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. ]]> 2018-01-10 13:15:17 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138144 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138166 2018-01-10 13:15:22 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138166 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138222 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. ]]> 2018-01-10 13:15:33 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138222 anna_lindblom0386 https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138290 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. 

]]> 2018-01-10 13:15:47 UTC https://padlet.com/anna_lindblom0386/eimi53dxh7o3/wish/220138290