# data[].attributes.body
Bestämde mig för två ikoner, menyn och sökfunktionen, och att inte lägga på fler som skulle förvirra och göra att det tog längre tid att leta info. Knapparna blir gula och röda, med olika tonvikt beroende på vilken man väljer.

# data[].attributes.body
Detta är den utfällda menyn som ska ge övertydlighet. Viktigt är här att rubrikerna går från viktigast till minst viktiga, och att de verkligen beskriver det som finns under dem och det som folk associerar till det man letar efter!

Till menyn är Avenir Next använt men har spärrat bokstäverna något.

# data[].attributes.body
Utan tydliga rubriker så associerar folk fel och det tar en evighet att hitta rätt saker. Håller med Krug i att om inte folk kan hitta vad de söker, så lämnar man sajten! (Står bland annat om detta på s.54 och i kapitel 6.). Men i nuläget, men icke-optimala rubriker, så är det därför viktigt att sökfunktionen är supertydlig och alltid tillgänglig , vilket jag tänkte på i designen av sidan (står om detta i kapitel 6, s.56 bla, Krug - om hur man som besökare avgör ifall man litar på att infprmationsstrukturen håller upp och att man kommer hitta rätt sak snabbt.

# data[].attributes.body
Känner att sidan blir bra rent färgmässigt och har tagit ett steg mot betydligt bättre informationsstruktur, men om jag hade jobbat om sidan på riktigt så hade jag dels pratat med kommunen om rubriker eftersom det är det viktigaste biten i att hjälpa besökare hitta rätt sak snabbt.

Sen ser jag även nu efteråt att det känns en aning platt, skulle kanske låtit elementen flyta mer "i luften" med hjälp av någon försiktig skugga, så att det blev mer djup i bilden.

# data[].attributes.body
Skåne i ett nötskal! Har alltid älskat korslängorna mot de bruna, gröna och gula fälten och med de röda vallmon, så tänker att detta får symbolisra det svarta/vita på hemsidan som jag gärna skulle vilja lyfta lite mer. Den gröna som är nu blir lite väl tam med så mycket information. Tror på betydligt stramare informationsupplägg och att blanda det svart/vita med klara färger. Kanske rostrött som här, men får nog bli en klarare röd.

# data[].attributes.body
Mindre kategori-ikoner och att man ser att det finns mer i flödet längre ner. Hade tänkt göra ikoner för allt, men känns som att det redan är mycket information att ta till sig, så jag skippar det. Det viktiga här är ju läsbarhet, att man enkelt ska kunna ta till sig informationen och istället fokusera på informationshierarkin - vad är det för information flest människor söker mestadels av tiden!?!?!

# data[].attributes.body
Variant av förstasida med bara stora knappar/kategorier utan ikoner för att inte tappa bort informationen...

# data[].attributes.body
Märker att jag velat skissa mer för hand denna gång, vilket känns roligt och att jag även inte dragit lika mycket på tiden, utan arbetat mer kärnfullt för att komma till kruxet direkt, vilket är en förbättring för min arbetsprocess. Märker även att jag lite mer litar på mitt omdöme kring vad jag tror fungerar och inte fungerar i nuläget, även om jag inte är rikigt där jag vill vara för att kunna skapa ett rikigt bra alternativ (alltså sätta mina idéer i verket) - men känner att jag även här så smått börjar bli bekväm med Adobe-programmen och att jag blir iallafall inte lika knäckt när jag inte kan :)...

Funderar på upplägg av sidan och på ens ofta låga "goodwill" som besökare som Krug pratar om (s. 166). Känns som det allra viktigaste att informationen är helt rätt strukturerad, och att det är enkelt att hitta det mest relevanta först, annars kommer kommunen tappa förtroende bara för en sådan sak. Hemsidan är ju trots allt idag ens digitala ansikte utåt.

# data[].attributes.body
För menyer och eventuellt knappar

# data[].attributes.body
En varm Skåne-röd ton och en gul som är klar men går mer åt det gröna blir huvudfärger, och sedan vill jag nog jobba med toner av dessa, antingen genom att specifiera egna färger eller genom att lägga transparens på dessa.

# data[].attributes.body
Valde typsnitten Calibri för brödtext och Avenir Next för rubriker för att få ett mer öppet och lättläst rubrik-snitt och ett neutralt men ändå sans-serif-typsnitt för brödtexten. Vill nog använda mig av versaler för logotypen i antingen något som SF Movie (kernat typsnitt) eller ett som tar lite mer plats som UBahn.

# data[].attributes.body
Gjorde först en svart och en röd svala i illustrator med min nya kompis - punktritverktyget, och sedan tillsammans med det valda typsnittet UBahn blev det såhär. Tanken är även att svalan ska kunna stå för sin själv, och representera kommunen grafiskt i diverse sammanhang.

# data[].attributes.body
Exempel 2:

# data[].attributes.body
Tänker att man som ovan ska ha antingen ikoner, bara rutor med färg där det står en rubrik i eller rutor med rubrik (vit bakgrund) och sedan en bild till. Har hittat exempel och inspiration från andra sidor. Exempel 1:

# data[].attributes.body
Gillar det klara och starka i färgerna, och känns faktiskt inte helt fel att även en liten kommun kan få ta till sig det kraftfulla röda...

# data[].attributes.body
Frågan är om man ska satsa på ikoner eller inte? Finns en del om man vill göra kategorierna ikonbaserade, men känns som att det är så pass många olika kategorier och så mycket information att ta till sig och gå igenom som besökare, så kan motverka sitt syfte i detta fallet att ha för mycket ikoner...

# data[].attributes.body
Färger från trakten och Skåne känns som grönt och gult, som de har idag, men även det röda från vallmon under sommaren och skåneflaggan, det rostbruna teglet på de svart och vita korsvirkeshusen, och det bruna från åkrarna.... Särskilt de gamla byggnaderna är vackra och inspirerande...

# data[].attributes.body
Menyikonen fäller ut en meny som täcker hela sidan med tydliga + och - tecken för vad som är "utfällt" och inte.

# data[].attributes.body
Huvudmenyn/Header: Supertydlighet är nyckelordet, och att man ska kunna 1.Se avsändaren direkt, 2. Kunna ha hela informationsträdet och 3. Sökfunktionen tillgängligt hela tiden när man surfar. Denna meny ska hänga med vart man än surfar tänker jag, men eventuellt bli lite smalare när man väl börjar surfa runt/scrolla.

# data[].attributes.body
Knapparna ska vara enkla och synas direkt. Där det finns handling att ta, ska det vara tydligt. På så sätt hjälper man besökaren genom tex processen att hitta rätt blankett eller liknande. Krug pratar om (s.43) hur det å ena sidan kan vara en god idé att ha antal klick för att komma fram till informationen som en bra mätparameter för hur bra man strukturerat information, men än viktigare kan vara hur svårt det är att klicka rätt för att komma vidare mot rätt information. Alltså, väldigt viktigt att det känns som att man som besökare går igenom en snitslad bana som är redo för att jag ska gå den och bara med enkelhet hitta rätt information.

# data[].attributes.body
Det första man ser ska vara överblicken. Man ska kunna välja den information man vill ta till sig, gärna från kategorier som samlat saker på undersidor, och menyn ska kunna vara tillgänglig hela tiden med det fulla webbträdet av rubriker och underrubriker.

# data[].attributes.body
Utifrån korsvirkeshuset så funderar jag på att använda nedan färger i ungefär de proportionerna. Man kan använda det röda och gula mer som accenter, eftersom de är så starka, och ha som tex knappar, ikoner osv.

# data[].attributes.body
Känns som att jag vill använda ett tajtare snitt i loggan som är ganska högt men smalare än nu. På den nuvarande sidan så känns det som att typsnittet är en av anledningarna (efter informationshierarkin) som gör att helheten inte fungerar. Med ett modernare och öppnare typsnitt, särskilt för rubriker tror jag det kan bli en smula mer modern känsla.

# data[].attributes.body
Min första idé är att lägga med en svala. Kanske är det lite väl självklart, men känns som en symbol för den skånska landsbygden med så testar det. Inspiration:

# data[].attributes.body
Den nya grafiska profilen får nog färger inspirerade av Skånes landskapsfärger, för att behålla det gula representerande naturen och rapsen, och det röda för en bra kontrast. Blått känns för torrt och myndighetsrelaterat för en kommunsida - även om dess information också ska vara formell, så är det ju ändå en sida med och för människro/ medborgarna och behöver då vara lite piggare för att kännas trevlig.

# data[].attributes.body
Känns som det är härifrån den befintliga profilen kommer, det gröna och det senapsgula. Gillar fortfarande det gula, men får inte vara för mycket och behöver bli klarare, så mer som en accentfärg.

# data[].attributes.body
För att mobilanpassa sidan vill jag samla informationen i kategorier som på förstasidan ser ut som ikoner eller rektanglar med rubrik och eventuellt bild så att man inom 20sekunder ska få en total överblick av hur sidan ser ut. LÄTTNAVIGERAD är främsta nyckelordet, och less is more i all navigering, så att besökaren snabbt kan lokalisera den information man söker. Egentligen skulle man kanske gruppera vissa rubriker annorlunda och bryta upp andra, som tex ha Kultur Och Fritid som samlar allt inom kultur, evenemang, fritidsaktiviteter, friluftsliv osv.

# data[].attributes.body
Beställare: Svalöv är en kommun i Skåne som idag har fokus på naturen och gemenskapen i en liten bygd i fokus både i sin grafiska profil och innehållet i deras kommunikationsmaterial.

Målgruppen för hemsidan verkar vara både befintliga invånare och potentiella invånare till ungefär lika stor del. Informationen är både högt och lågt, allt mer eller mindre blandat på förstasidan men ändå relativt heltäckande för invånarna, men det grafiska materialet och broschyren som ligger längst upp riktar sig mer till de som eventuellt skulle kunna tänka sig att bosätta sig i kommunen och man framhäver fördelar så som utbildningsmöjligheter och fritidsaktiviteter för att skapa ett attraktivt intryck.

Reflektion: Min första tanke är att man behöver en betydligt luftigare sida,  med menyer och ett informationsträd hellre än liten text och försöka få in allt på en sida. Själva grafiska profilen är faktiskt riktigt bra, särskilt loggan med Ö:et som anspelar på raps och grönska, men man kunde använda andra typsnitt på brödtext för att få mer av ett samlat intryck, bredda hela sidan till helbredd, och samla mer av informationen i menyer eller tydliga kategorier för att få ett lite mer modernt uttryck.