Probleem
- SpaceX heeft ontbreekt voor verschillende momenten tijdens de vlucht van Mars naar Aarde interactieve applicaties om het weer en details van de reis bij te houden.
Doelgroep
- Astronauten tijdens ruimtereizen.
- Gebruikers die vluchtinformatie en omgevingsdata snel moeten kunnen raadplegen.
- Gebruikers op verschillende apparaten en schermformaten.
Einddoel
Het doel was om meerdere interactieve webapplicaties te ontwerpen en ontwikkelen die astronauten tijdens verschillende fasen van hun reis kunnen ondersteunen.
Mijn rol als Web developer
Als Web Developer was ik verantwoordelijk voor zowel het ontwerp als de ontwikkeling van de applicaties. Hierbij lag de focus op het bouwen van interactieve interfaces en het verwerken van externe data binnen een gebruiksvriendelijke gebruikerservaring.
Uitvoering
Tijdens dit project zijn drie verschillende webapplicaties ontworpen en ontwikkeld. De eerste applicatie toont vluchtinformatie tijdens de reis, de tweede geeft de tijd en dagperiode op aarde weer en de derde toont weersomstandigheden op mogelijke landingslocaties. Voor de weersinformatie is gebruikgemaakt van externe API's. Alle applicaties zijn ontwikkeld in HTML, CSS en JavaScript en geoptimaliseerd voor verschillende schermformaten. Daarnaast is voor twee van de applicaties een optionele dark mode toegevoegd.
Gebruikte methoden en technieken
- Wireframes
- Front-end development
- Dark mode design
- API-integratie
Kleuren
Het kleurenpalet is geïnspireerd op ruimtevaart en technologie. Verschillende blauwtinten vormen de basis van de interface, terwijl rood wordt gebruikt om belangrijke waarschuwingen en kritieke informatie extra aandacht te geven.
Kleurenpalet
Typografie
Voor dit project is gekozen voor Lalezar en Muli. Lalezar geeft de interface een herkenbaar en futuristisch karakter, terwijl Muli zorgt voor een goede leesbaarheid van informatie en data binnen de applicaties.
Titles
Lalezar
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Tekst
Muli
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
