SLEEPER

WEB DESIGN / CSS ANIMATION

For this project, I designed a conceptual app called “Sleeper”. Research was conducted to study what kind of people suffer from sleeping difficulties, and the goal of the app is to help calm down and make it easier for users to fall in sleep. A persona is created priorly to designing visual aspects (see at the end) to further focus on the need of potential users.
The final product is a CSS animation for loading page. Several scripts were drawn but I finally chose to go with the planet version considering limitation of CSS animation.