Mid Sweden University

This report is a documentation of the work done at a technical web agency. The goal is to solve some of the projects that are relevant to the company during a ten-week period, both individually and in consultation with the company's employees. All subprojects are linked to web development and / or web design. The sub-projects consist of a landing page, three customer projects with different scope and the creation of design sketches for six potential customers. After the relevant theory has been reviewed, the tools and techniques that will be used to complete the various sub-projects are presented. Initially, the landing page is constructed, which is used internally by the web agency to handle calls to their domains. The idea is that it should pick up visitors with older browsers and inform that the domain being called is hosted by WebOne, since a site is not linked to the domain. The first customer project involves optimizing a customized WordPress interface where the customer is offered the opportunity to build web pages with grid layout. In the other two customer projects, a website is developed for an electricity company and another one to a non-profit association. The six design sketches are constructed using the graphic tool Figma. All sub-projects meet the requirements defined in the problem statement. In the results section, test results are also reviewed, with both technical parts and usability in focus. The conclusions drawn include lessons learned from using technologies with full backward compatibility and that WordPress is very flexible for further development. Finally, the problems and how they were tackled, as well as the potential for improvement for the various sub-projects, are also discussed.

Den här rapporten utgör en dokumentation av utfört arbete hos en teknisk webbyrå. Målet är att lösa en del av de projekt som är aktuella hos företaget under en tioveckors-period, både individuellt och i samråd med företagets anställda. Samtliga delprojekt är kopplade till webbutveckling och/eller webbdesign. Delprojekten består av en landningssida, tre kundprojekt med olikt omfång och skapandet av designskisser åt sex stycken potentiella kunder. Efter att relevant teori gåtts igenom presenteras de verktyg och tekniker som kommer användas för att fullfölja de olika delprojekten med ett så pass tillfredsställande slutresultat som möjligt. Inledningsvis konstrueras landningssidan, som används internt av webbyrån för att hantera anrop mot deras domäner. Tanken är att den ska plocka upp besökare med äldre webbläsare samt informera att domänen som anropas hostas av WebOne, då en sajt inte är kopplad till domänen. Det första kundprojektet innefattar en optimering av ett skräddarsytt WordPress-gränssnitt där kunden erbjuds möjligheten att bygga upp webbsidor med rutnäts-layout. I de två andra kundprojekten utvecklas en webbplats åt en elfirma respektive en ideell förening. De sex designskisserna konstrueras med hjälp av det grafiska verktyget Figma. Samtliga delprojekt uppfyller de krav som definieras i problemformuleringen. I resultatdelen gås också testresultat igenom, med både tekniska delar och användbarheten i fokus. Slutsatserna som dras är bland annat att lärdomar dragits från att använda tekniker med full bakåtkompatibilitet och att WordPress är väldigt flexibelt för vidareutveckling. Som avslutning diskuteras även uppkomna problem och hur de tacklats, samt förbättringspotential för de olika delprojekten.