Mid Sweden University

This report deals with the creation of Habit's website, which is aimed at private customers, habitsapp.eco. Habits is a small company in Gothenburg and they want to help companies, organizations and individuals to reduce their environmental impact in an easy and fun way. They have developed a web-based tool for this that will be launched in the fall of 2020 and the website created will be their "face out" for the tool aimed at private individuals. The report describes the steps and tools that were made and used to create this site. User stories have been made to get to know the user and identify their needs, sketches of the website have been made to easily illustrate how the site would look like and a sitemap has been created to know which pages the project should contain. How the creation has been done from HTML to Twig and the functionality behind things like menu, questions and answers section, support for multiple languages etc. Is brought up. In addition to this, tests have also been done by both me and my supervisor at Habits. Various tools have been used to ensure that the load time remains within an approved framework and tools such as the WAVE Evaluation Tool have been used to ensure the availability of the site. In the end, there is a finished product that fulfills Habit's purpose and hopefully is representative of their service and can draw users into their web-based tools.

Denna rapport behandlar skapandet av Habits webbplats som riktar sig till privatkunder, habitsapp.eco. Habits är ett mindre företag i Göteborg och de vill hjälpa företag, organisation och privatpersoner att minska sin miljöpåverkan på ett lätt och roligt sätt. De har utvecklat ett webbaserat verktyg för detta som kommer lanseras hösten 2020 och webbplatsen som skapas kommer vara deras ”ansikte utåt” för det verktyg som är riktat till privatpersoner. I rapporten gås det igenom vilka steg och verktyg som gjorts och använts för skapandet av denna webbplats. User stories har gjorts för att lära känna användaren och identifiera deras behov, skisser över webbplatsen har gjorts för att enkelt kunna illustrera hur webbplatsen skulle se ut och en sitemap har skapats för att veta vilka sidor projektet skall innehålla. Hur skapandet har gjorts från HTML till Twig och funktionalitet bakom saker som meny, frågor och svar-sektionen, stöd för flera språk mm. Tas upp. Utöver detta har också tester gjorts av både mig och min handledare på Habits. Olika verktyg för att säkerställa att laddningstiden håller sig inom en godkänd ram har gjorts och verktyg som WAVE Evaluation Tool har använts för att säkerställa webbplatsens tillgänglighet. I slutändan finns en färdig produkt som fyller Habits syfte och förhoppningsvis är representativ för deras tjänst och kan dra in användare till deras webbaserade verktyg.