SVG Animation
Science Behind Feng Shui | CSS Winner - Star
This is my independent study of SVG animation in websites. I wanted to build a website that introduces what Feng Shui is and 7 scientific facts behind Feng Shui. Each scientific fact behind Feng Shui will include a description and a SVG animation.
What I Did
- Graphic Design
- Illustration
- HTML
- CSS
- JavaScript
- Animation
HOW I STARTED MY DESIGN
Feng Shui and Chinese contain a lot of symbolic characters; therefore, I think symbolizing my images to simple lines and shapes is very suitable in this project. I primary used yellow, grey, blue, and green. Because Feng Shiu is about a man’s relationship to his surroundings, I wanted to use the colours of nature to show the theme of Feng Shui.
Because this website is basically like a long article or an essay, it is a good idea to make all sections in one page. It can show the connection between each section and easy to navigate. When the audience is reading my website, they feel like they are reading an article in an e-book.
This website won 2018 CSS Winner Award Star