Responsiv webbdesign i LESS : för projektet ”Västankvarn – en västnyländsk matkälla”

Abstract

Det här arbetet beskriver utvecklingen av en webbsida med responsiv webbdesign åt Västankvarn Gårds projekt ”Västankvarn – en västnyländsk matkälla”. Projektets mål är att ta fram lokala och hållbara odlingslösningar inom odlings- och förädlingsverksamheten.Verksamhetstiden för projektet är tre år.

Webbsidans utseende har byggts upp från grunden, från skiss till färdig produkt, med CMS:et Joomla. För utseendekodning har använts kodspråket LESS, som möjliggör snabbare och mer flytande kodning samt redigering av redan skriven kod.

Planeringen och utförandet av webbsidans tema har gjorts med penna och papper, samt genom bildredigeringsprogrammet Adobe Photoshop. I det här examensarbetet diskuterar jag planeringen av temat och de två olika designerna, som gjordes åt beställaren.

Kraven var att skapa en webbsida med ett välkomnande utseende, samt att den skall fungera på både finska och svenska. Webbplatsen skall även ha en webbshop och en sociala medier gilla -länk samt ge allmänheten information om deras projekt. Kraven till webbsidan var några och på så sätt lätt att möta. Slutprodukten är bättre än förväntad och feedbacken har varit positiv.

This thesis describes the ongoing battle on how to design and produce a website with a responsive web design for Västankvarn Gård’s project ‘Västankvarn – en västnyländsk matkälla’. The purpose of the project is to do research in local and sustainable solutions in cultivation and breeding activities over the next three years.

The website is built from scratch, from an idea to a product the customer can use. For this thesis the CMS called Joomla has been used. The coding of the responsivity is done in a style sheet language called LESS, which enables faster and smoother coding as well as editing of already written code.

The planning and the creation of the website template is made by pen and with a graphics editing software called Adobe Photoshop. In this thesis I discuss the planning, of the template, and the two different web designs I made for my customer.

The requirements were to create an appealing website, which shall work in both Swedish and Finnish. The site shall also have a webshop and a way to like their social media pages as well as give public information about the project.The requirements were quite few and thus easy to meet. The outcome of this project is a success and well met by the customer and the feedback given is positive.