MENU

PROJECTS

previous

NEXT PROJECT

plant configurator

next

plant configurator overview

plant configurator
group school project

plant configurator
group school project

PROJECT OVERVIEW

This task's objective was to create a dynamic configurator using JavaScript, fetching SVG and applying Web animations. Additionially, editing SVGs to further dynamically change colour of the elements.


EXECUTION

First step of the project was to edit elements in Photoshop and Illustrator to use them for the project. Secondly, creating a prototype to visualise the configurator's appearance and test its user functionality. After agreeing on the visual side, we chose elements to cut out, edit and export from Illustrator and Photoshop. Lastly, we used fetch in JavaScript and animations to make the configurator dynamic and user-friendly.


SKILLS GAINED

This project has grown my knowledge in JavaScript fetching as well as applying animations. Additionially, I learnt how to apply SVGs to a project and use its paths to be animated.


YEAR

2021


TOOLS USED

XD

AI

PS

GitHub

Git

HTML

CSS

JS


PROJECT TYPE

Group project


LINKS

Website