Proliad

Proliad levert lichtoplossingen voor gebouwen en objecten. In samenwerking met (licht) architecten ontwikkelen en produceren zij binnen- en buitenverlichting voor musea, monumenten en bruggen.

Wij hebben de opdracht gekregen om een webpagina te ontwerpen die Proliad's cliënten informeert over de duurzaamheid van LED's en wat Proliad hier aan toevoegd. Op dit moment staat een deel van deze informatie verspreid over 2 pagina's, dit moet samengevoegd worden op één pagina en verduidelijkt worden met illustraties.

Opzet

Allereerst zijn wij begonnen met het schrijven van een PVA, hierin hebben wij de opdracht en de eisen van de opdrachtgever opgeschreven. Ook hebben wij een planning gemaakt voor de komende sprints.

Vooronderzoek

Vervolgens zijn wij begonnen met het vooronderzoek. Wij hebben onderzocht hoe wij het bericht van Proliad het beste konden overbrengen. Ook hebben wij onderzocht hoe wij de website het beste konden ontwerpen en ontwikkelen.

Ontwerpen

Na dat we hebben geleerd hoe wij het beste het design konden maken zijn wij begonnen met het maken van een aantal designs. We begonnen met ruim tien schetsen op papier en hebben vervolgens drie verder uitgewerkt in een design tool genaamd Figma. Deze hebben we vervolgens met de opdrachtgever gereduceerd tot één design dat we compleet hebben uitgewerkt.

Stack

Voordat je een website kan bouwen moet je een zogenaamde stack kiezen, de stack bevat tools en services die je gaat gebruiken om de website te bouwen. In dit geval hebben we Svelte gebruikt als ons framework voor onze frontend omdat we al enige ervaring hadden met dit framework. Voor onze database en analytics hebben we gebruik gemaakt van Firebase van Google en tot slot om de website te hosten hebben we gebruik gemaakt van Netlify.

Ontwikkeling

Na dat we het design hadden gemaakt zijn we begonnen met het ontwikkelen van de website. Hierbij hebben we ons zo veel mogelijk aan het design gehouden en hebben we de website zo toegankelijk mogelijk gemaakt. Dit hebben we gedaan door de website zo te bouwen dat het goed kan vormen naar verschillende schermgrotes. Ook hebben we de elementen in de webpagina gelabeld zodat schermreaders onze pagina beter konden inlezen.

Oplevering

Uiteindelijk hebben wij de website opgeleverd aan de opdrachtgever. Ook hebben wij een demo voorbereid voor de opdrachtgever zodat zij de website zelf kunnen aanpassen. Na deze presentatie hebben we met de expert gewerkt om onze webpagina toe te voegen aan de website.

Final design