Mid Sweden University

This report addresses the planning and creation of a web application for the company Pins Factory. The company's range of products includes Pins, promotional badges and signs. In addition to a standard assortment, they also offer custom-made products. The purpose of the Online Design project is to develop a user-friendly and responsive web application with the aim of providing the company's customers with a pleasant experience of a design tool that enables a smooth ordering process. This is a newly initiated project that is intended to be developed independently. Because of that a thorough planning of the application's design, database, and features is an essential part of the project. To ensure that the application is user-friendly, user testing will be conducted. By combining the frontend framework Vue, the state manager Pinia, and the CSS framework Tailwind, a user-friendly frontend application has been developed. Additionally, a backend system containing a REST web service and database has been created. The result of the project is a responsive and user-friendly web application. All the planned features for the design tool have been implemented. It is possible to register users, log in, design a product, and upon ordering, an order is stored in the database. User testing has been performed, and the results have been analyzed. One of the conclusions from this report is that the tools used for developing the application were well suited for this type of application.

Denna rapport behandlar planerandet och skapandet av en webbapplikation som skapats åt företaget Pins Factory. Företagets utbud består av bland annat Pins, kampanjmärken och skyltar. Utöver ett standardsortiment erbjuder de även specialtillverkade produkter. Syftet med projektet Online Design är utveckla en användarvänlig och responsiv webbapplikation med syfte att ge företagets kunder en trevlig upplevelse av ett designverktyg som möjliggör en smidig beställningsprocess. Detta är ett nystartat projekt som ska utvecklas självständigt och därför är en noggrann planering över applikationens design, databas och funktioner en väsentlig del av projektet. För att säkerställa att applikationen är användarvänlig ska användartester utföras. Genom att kombinera frontend-ramverket Vue, tillståndshanteraren Pinia och CSS-ramverket Tailwind har en användarvänlig frontend-applikation utvecklats. Dessutom har ett backend-system innehållande en REST-webbtjänst och databas även skapats. Resultatet av projektet är en responsiv och användarvänlig webbapplikation. Samtliga funktioner som planerades för designverktyget har implementerats. Det är möjligt att registrera användare, logga in, designa en produkt och vid beställning lagras en order i databasen. Användartester har utförts och resultatet har analyserats. En av slutsatserna från denna rapport är att verktygen som användes för utvecklandet av applikationen var väl passande för denna typ av applikation.