# data[].attributes.body
Hur Svalövs hemsida ser ut nu

# data[].attributes.body
Förslag för nytt grafiskt utseende för Svalöv kommun. Det finns två varianter av logotypen, en stående och en liggande. Färgskalan är inte lik den ursprungliga utan är istället i två blå nyanser. Då Svalövs stadsflagga är gul och grön blev det svårt att hitta andra färger som associeras med staden, då uppgiften var att skapa en ny färgskala.
Jag har valt en sans-serif typsnitt till både logotypen och till innehållet på hemsidan/mobilapplikationen. Typsnittet Europa tycker jag ger en modern känsla, men ändå ett behagligt uttryck då det jag använt mig av typsnittet i olika skärningar samt både versaler och gemener.
Den ursprungliga hemsidan använder sig till större del av gemener, enligt mig tycker jag att det passar bättre med versaler i till exempel menyer då det är viktig information och det blir lättare för besökaren att se informationshierarkin.
Logotypen innehåller två skärningar av samma typsnitt och är i versaler, illustrationen i form av ett böjt streck ska föreställa ett halvhjärta, tanken är att det ska "omfamna" ordet och att logotypen ska utstråla ett varmt och välkomnande uttryck. Jag har även utformat logotypen i en liggande variant då den kan komma att användas i till exempel mindre format, i denna variant finns inte halvhjärtat med då det inte passar in i alla format. En utveckling av detta kan vara att utforma den liggande varianten tillsammans med hjärtat.

# data[].attributes.body
Förslag på nytt utseende för kommunens hemsida. Jag har valt att bara göra en första sida utan scroll för att ge en inblick i hur det hade kunnat se ut.

# data[].attributes.body
Jag ha tagit en hel del inspiration ifrån Kristianstads hemsida då jag tycker den har ett tilltalande grafiskt utseende.

# data[].attributes.body
Färgerna är inspirerade från denna bild, alltså från himlen och havet. Det blev ett bra samspel i layouten när färgerna och bilden, jag har alltså använt mig av likhetens lag då det framgår tydligt att de båda hör ihop.

# data[].attributes.body
Förslag för grafiskt utseende som mobilapplikation, första sidan.
Här har jag valt att använda mig av den liggande logotypen då den passade bättre in i formatet.

# data[].attributes.body
När menyknappen tryckts kommer det upp en pop-up-sida som visar innehållet på sidan.

# data[].attributes.body
Här syns hela scrollen för applikationen. Jag använder mig av samma grafiska manér som används vid hemsidan, men på ett mer förenklat sätt. Då mobildisplayen är betydligt mindre än en datordisplay så är det nödvändigt att förenkla layouten. Jag har valt att använda mig av vita rutor där jag förvarar informationen på, samt att jag även har använt mig av ikoner för att göra det enklare för besökaren under vistelsen.
Likt den ursprungliga hemsidan har jag använt mig av bilder under rubrikerna "Naturvårdsprogram", "Tomatportalen - lediga tomter", och "Mobila polisen - här finns vi". Jag har istället använt mig bilderna som en bakgrund så att det ska upplevas som tryckbara länkar.