DISTANCE is inspired from a quote about the Moon and Chinese poems I like where the Moon is romanticized as people’s beloved ones who are far away. In this project, users are able to get the distance between where they are and where their beloved ones are by entering two locations, and a visual comparison of their distance to the moon and the distance to the beloved ones will follow.
Project Demo: DISTANCE (for a better experience, please open the link in Google Chrome)
There is this quote that I heard of before and to be honest I don’t remember exact words-it is basically saying no matter how far apart two people are, compared to the distance between earth and moon, it is a lot easier for the two to meet than one of them going to the moon. This might sound ridiculous, however, this quote reminded me of the common approach that many ancient Chinese poets used to express that they were longing for faraway beloved in their masterpieces. It can be summarized as “though we are far apart, both looking at the moon, and it de facto makes us closer to each other”.
This is my basic basic wireframe sketch for the webpage.
Three buttons at the bottom of these three pages, about, distance, and my portfolio, so that users have to input locations and then go to compare page.
Distance data is being passed to COMPARE page from DISTANCE/main page through “?d=xxxx” at the end of the URL.