Evidensia
https://evidensia.se/klinik/evidensia-djurkliniken-kristianstad/
Anicura
https://www.anicura.se/vara-tjanster/hembesok/

Insperation för min footter är från Anicura, jag gillade stukeet de hade men valde att gasta om elemeneten lite och göra dte till mitt eget

Min header har jag designat efter att ha studerta Evidensias hemsida.  Jag gillade iden med att lägga logotypen på en stor bild, men även har har jag kastat om elementen en aning för att göra det mer personligt.

Jag har även studerat förande hemidor och försökt vardera positiva och negativa saker med dem och sedan designat min utifrån det.

https://www.svd.se/
http://www.lundsdjursjukhus.se/
https://www.hkr.se/

För den slutgiltiga prototypen har jag gjort lite små justeringar på var till exempel hedern är placerad på vy 2, men generellt så ligger alla element i de placeholders jag skapat i denna prototypen. 

Alla dessa webbplatser tycker jag har bra egenskaper som gör den användarvänliga.  Alla dessa kommuner hade även en mobilanpassas version av hemsidan så jag tittade mycket på dem och jämförde dem mot varandra. Hur hade de fördelat informationen? Var hamnade menyn? Hur såg footern ut? Har de tagit bort något?

Jag fastnade mycket för Landskronas mobil version och designa min egen version av svalövs hemsida efter den.  

Nedan är en tidig skiss jag gjorde för att visualisera hur jag ville att min nya mobilanpassade hemsida skulle se ut:

Men när jag designa den nya loggan var jag först inne på att den också skulle vara grön och/eller innehålla ett löv av något slag. Men efter en del om och men så beslöt jag mig för att slopa iden om ett löv och valde istället att ha en dykande svala med i logotypen. 

Det blev så här:  

Ikonerna för sociala medier och “sök”, “hitta oss” och även  “kontakta oss” är ikoner som jag skapat för delprov 1 men även använt mig av för detta delprovet. Övriga ikoner skapade jag specifikt för detta delprovet då jag kände ett behov av dem. När en ikon befinner sig bredvid en rubrik är den ikonen dessutom designad för att beskriva rubriken bildligt.

Resultatet blev så här: 

De 6 färger som överlappar varandra används för att färgsätta hemsidan, och den ensamma blåa ingår endast i logotypen.

De två gröna färgerna används för att färgsätta headern och footern, den lite mer blåa används till menyn (hemsida) och bakgrund för rubriker (mobilanpassning). Den grå används för att skilja knappar och brödtext åt (mobilanpassning)

Svart och vitt används för att färgsätta ikoner och knappar.

Ett typsnitt för rubriker och ett för knappar och löpande text  med två olika skärningar.

Jag valde dessa typsnittet för att de fungerar bra tillsammans och för att man enkelt kan skilja dem åt.

Det första steg jag gjorde i processen för att designa min logotyp var att välja ett typsnitt för mitt namn. Jag skrev mitt namn i olika typsnitt för att sedan jämföra alla dess mot varandra inna jag kom fram till det jag vill använda. 

Som jag nämnt i tidigare inlägg ville jag använda min struktur och logotyp för att sedan kunna programmera en digital portfolio, därför valde jag att även ha med “fotograf” eller “photographer” som det står i min gamla logotyp.

Precis som med mitt namn skrev jag “fotograf” i en mängd olika typsnitt inna jag valde ut ett av dem. 

Den första logotypen jag skapade såg ut som på bilden nedan, men efter att ha diskuterat den med Pia på en handledning, möblerade jag om den en aning och kom istället fram till ett annat slutresultat, se bild nedan. 

De två hemsidor som jag mest gått efter när jag designade min var:
https://elenashumilova.smugmug.com/

Upplägget på de andra föll mig inte riktigt lika bra i smaken som dessa två. Precis som dessa två fotografer valde jag också att ha en startsida som fungerar som ett omslag för hela portfolion, på den startsidan (min “hem” knapp) finns en en bakgrundsbild, min logotyp och 3 knappar. 

Inspirationskällan för min gamla logga var en bild på en tatuering jag snubblade över. Jag blev förtjust i att den var lekfull och spretig samtidigt som den var helt geometrik.