# data[].attributes.body
https://invis.io/GXHFPCZMDFA

https://invis.io/VPHFPETZDFA

# data[].attributes.body
Jag började med att söka efter inspiration hos andra företag som använder sig av bokningssystem. Jag visste att jag ville jobba med bokningar för en frisörsalong. Därför kollade jag hur olika frisörer gjort i sina bokningssystem och vilka alternativ som fanns.

Efter detta började jag skissa på dels layouten för mitt bokningssystem, men också på själva logotypen till företaget. Jag ville att logotypen skulle vara stilren och att den skulle fungera bra i mindre skala på hemsidan, men att man tydligt skulle se att den var för en frisörsalong. Därför valde jag att mitt grafiska element skulle vara en hårnål, och jag skissade på lite olika sätt att inkludera den i logotypen.

Till de olika vyerna ville jag hålla samma stilrena layout. Jag började därför med att ta fram en färgskala att jobba efter. Till typografin valde jag att hålla mig till ett teckensnitt, Helvetica, för att skapa en enhetlig layout. Jag bestämde mig för att ha med vyerna:
-Startsida med logotyp
-Inloggning/Registrering
-Överisk av olika bokningsalternativ
-Tidsbokning för de olika alternativen
-Bokningsbekräftelse (som overlay)
-Avslutande vy som visar att bokningen är bekräftad

Jag skapade separata tidsbokningsvyer för att visa hur den färdiga hemsidan skulle se ut.
De olika grafiska delarna skapade jag i adobe Illustrator samt Photoshop, och efter vissa problem vid publiceringen av vyerna i InVision valde jag att låta dem ha genomskinlig bakgrund för att inte få problem med att bakgrundsfärgen inte täcker hela webbläsaren. (I min första skiss prototyp syns min första idé med en gradient som bakgrund).
Det jag fokuserade mest på under framtagandet av de olika grafiska delarna var att skapa en enhetlig och tydlig design som inte förvirrar kunden som ska boka tid. Det var viktigt för mig att det var tydligt hur kunden skulle gå till väga och navigera sig fram i mitt system.

Jag hade gärna utvecklat de olika vyerna vidare för att skapa ett mer professionellt uttryck. Då hade jag dessutom kunnat lägga ännu mer tid på att optimera de olika vyernas upplösning och layout.