About
HTML | CSS | JavaScript
A responsive website about Japan, using tools such as HTML, CSS, and JavaScript. First project created for the Technical Web Designer Program at BCIT.
scroll
Design
Color Scheme
#942C24
#F7C1BB
#FFFFFF
#000000
Process
To incorporate Japan's national flag into the design, I used a dark red and pink color palette.
Using Adobe Illustrator, I created a favicon consisting of some of the most popular tourist attractions in Japan, Mount Fuji, and Cherry Blossoms. I've also added a red sun on the background to represent the Japanese flag.
Throughout each page, pink was used to accentuate words. In the culture webpage, it subtly highlights the title of each section. The color consumes the text on the main attractions page, separating the image from the paragraph. Meanwhile, the events page uses pink to bring attention to the dates.
The home page features a video banner, which showcases the variety of attractions in Japan, from the lively city to the serene cherry blossoms and temples. However, this feature can affect the loading time for smaller devices. Therefore, an image is shown instead of a video on smaller screens.
Created for educational purposes