Mars Journey

Scroll

View code

December 2017

View demo

My role

Lead developer

My teammates

Alexandre Godde

Project manager & designer

Julien Bretecher

Lead designer

Justine Di Meo

UX developer

Amélie Grosjean

UI developer

The project

I worked on this project with comrades for a 5-days front-end development project. Our team decided to explain how a space trip works on this website.

Alexandre led the project. He decided which data are displayed and he designed alongside Julien about UX and UI.

As the lead developer, I mainly integrated the sketch and I built a mini staircase-like slider framework. Also, I managed the front-end boilerplate.

Justine managed UX by playing 3D musics and sounds with Howler.js library and Amélie added UI experience with parallax.

The tools

Pug

Stylus

ES6 JavaScript

Screenshots

Welcome to Mars Journey

Take off - boarding

Take off - spaceship

On board - view

On board - inside

The journey - instructions

The journey - food

The risks - accident

The risks - gravity

Welcome to Mars - landing

Welcome to Mars - colonization

See more projects