Designarbeidet, samt utforming og eksportering av enkel SVG-grafikk, ble gjort i Figma. “Humans for Figma” ble benyttet til karakterdesign. HTML, CSS og JS ble brukt for å kode denne enkle responsive nettsiden fra grunnen av. CSS-animasjoner ble benyttet for å legge til dynamiske elementer når det scroller gjennom fortellingen – fra blinkende satellitter og vinduer, til karakterbevegelse, til øynene på et romvesen som ser seg rundt.
Andre grader
- One-page nettside
- Figma
- HTML
- CSS
- JS
- SVG
- Data visualization
Fra tekstforfatting, til design, til enkel responsiv nettside. Følg de to agentene Xandra og Yver mens de forsøker å løse mysteriet rundt de uvanlige temperaturmålingene på den fiksjonelle planeten Juvex.
In this project I got to take on the role of developer. Prior to the coding, I gathered the text and the SVG graphics that had been produced in an overall layout in Figma. As first-time coders, a lot of time was spent finding the missing semicolon and the error on an empty line, and there was no room to test or ensure optimization for browsers other than Google Chrome. But the project nevertheless became an important springboard for further work as it opened up a basic understanding of coding and CSS animations.
Ta en kikk på Figma-filen her