I’d say it looks really nice! :)
A few things:
– If you are able to, I think that the “< terug” button should trigger the animation to reverse so that we get the feeling of “going back”.
– I would prefer if there was a label for the first select element, such as “Selecteer je richting”
– The “Rekken uit” button can be further emphasized (I’d say use color to create more contrast, and make it a bit bigger :) )
– I would also recommend vertically centering “content” of input-con. This can quite easily be done by adding two wrapper elements, the first with
display: table;
and the second with
display: table-cell;
vertical-align: middle;
Read more about this here: https://www.google.se/webhp?sourceid=chrome-instant&rlz=1C1ASUM_enSE608SE608&ion=1&espv=2&ie=UTF-8#q=complete%20guide%20to%20centering
* You could add some animation to the results page, so that it starts at 0% and the “counts” up (increases visibly). An example of how to achieve the effect can be seen here: http://stackoverflow.com/questions/2540277/jquery-counter-to-count-up-to-a-target-number
Best of luck!
