Systemutveckling går framåt i ett väldigt raskt tempo, inte minst webbutveckling. På marknaden idag finns det ett brett utbud av olika system. Många system med väldigt moderna och användarvänliga gränssnitt, men också exempel på mindre bra varianter. Många system är lite äldre och har fungerat okej en längre tid. Men i takt med att det kommer nyare och enklare system som kan utföra samma uppgifter kommer kanske behovet av att byta ut systemen. Ibland byter man ut hela systemet, i vissa lägen räcker det med en uppfräschning. Denna rapport kommer att behandla uppbyggnaden och utvecklingen av ett helt nytt användargränssnitt. Systemet som gränssnittet implementeras i existerar sedan tidigare och ägs av företaget Empir. Detta gränssnitt ersätter det redan befintliga gränssnittet. En grundlig analys gjordes för att få en god förståelse för hur systemet användes och fungerade. Hela designen gjordes om från grunden, hela strukturen byttes ut, nytt menysystem, nya listor och nya vyer togs fram. Stöd för mobila enheter implementerades. Det nya användargränssnittet utvecklades med hjälp av erkännda ramverk samt de senaste inom webbteknik. Examensarbetet behandlar i delen resultat en jämförelse mellan de båda systemen, detta för att få en klar bild om de mål som sattes är uppnådda. Jämförelse är nästan uteslutande visuell. Rapporten kommer att rikta sig mot design delen av arbetet och kommer inte behandla någon avancerad kod. Därför kommer även en läsare utan programmeringsbakgrund att kunna ta del av innehållet.