Week 11 - Week 14 [3/7/2024 - 28/7/2024]
Kong Ga Wai 0359692
Bachelor in Design Creative Media
FINAL PROJECT - Creating a Single-Page Website
In this web design project, we need to create a single-page website
dedicated to our favorite topic. This project will help us develop our web
design and development skills while allowing us to showcase our passion for
the subject we chose.
Process
For the website, I want to make a theme inspired by a game I like (Ensemble
Stars). So I thought about one of my favourite event stories in the game
which is 'Hot Limit'. The story is summer-themed and the main focus is on my
favourite character (NIKI), the one thing about Niki is that he loves to eat
food so I thought to myself why not make a website about summer desserts.
|
| Hot Limit Event Banner |
I sketch out some ideas for the website layout.
|
| Sketches 1, 2, 3 |
|
| Sketches 4, 5, 6 |
I decide to so with this for my final sketch:
.png)
|
| Sketch with Colour |
I wrote down what I wanted to have on the website and started making the
elements for it.
|
| Logo for the website |
|
| Header |
|
| Summer and About section |
|
| Desserts Circle Image |
I watched some videos for some of the codings and customised it to fit the exact element I wanted.
|
| Video watched for coding Recipe Section. |
|
| Code for different screen sizes |
I had the most trouble with making the website react to different screen sizes. Below is the one video where I watched and was able to understand a lot more about it.
|
| (THANKS TO THIS VIDEO) |
|
| Final Website Layout |
Final Submission
Hot Summer Dessert: https://hotsummerdessert.netlify.app/
HTML & CSS code: