Mid Sweden University

This report processes the creation of Freely AB's website, the company offers health promotion activities to individuals and companies. The purpose of the project was to work out a new design for the website and adapt this design to achieve high usability and accessibility. The work of developing a new design has consisted of producing a sitemap, moodboard, wireframes and design sketches. To test that the design works as desired, user tests have been accomplished by using the prototype and a questionnaire as well as checklists from webbriktlinjer.se. The results showed that, on the whole, the design meets the requirements that existed within the project with some exceptions that led to small adjustments. The website consists of two parts, the first part are WordPress which is used for content management,here Freely can add, delete and edit the content presented on the website. The second part is a front-end application is created in Vue.js / Nuxt.js, here tools and methods such as Vuex, nuxt-mail,Fetch and Axios have been used.

Denna rapport behandlar skapandet av Freely AB:s webbplats, företaget erbjuder hälsofrämjande aktiviteter till privatpersoner och företag. Syftet med projektet var att arbeta fram en ny design för webbplatsen och anpassa denna design för att uppnå hög användbarhet och tillgänglighet. Arbetet med att ta fram den nya designen har bestått av att ta fram sitemap, moodboard, wireframes och designskisser. För att testa att designen fungerar som önskat har användartester genomförts med en prototyp och enkät samt checklistor från webbriktlinjer.se. Resultatet visade att i det stora hela att designen uppfyller de krav som funnits inom projektet med några undantag som ledde till små justeringar. Webbplatsen består av två delar, den första är innehållshanteringen där WordPress används, här kan Freely lägga till, ta bort och redigera innehållet som presenteras på webbplatsen. Den andra delen är en frontend-applikation är skapad i Vue.js/Nuxt.js, här har verktyg och metoder som Vuex, nuxt-mail, Fetch och Axios använts.