Final Project
15th October-27th November 2019 (week 10-13)
Daryl Pung Xi Ern (0333743)
Interactive Design Final Project
INSTRUCTIONS
FINAL PROJECT
Week 10
For our final project we had to work together with a partner to create a website according to their liking. I partnered up with Wen Yi and she requested that I make a portfolio blog of all her artworks and photographs. She showed me some examples that she would want her website to look like.
 |
| 1.1 Examples 1 |
 |
| 1.2 Examples 2 |
It's very clear that she wanted a darker theme but with quite minimalist elements. I also found other examples that inspired me.
 |
| 1.3 Reference 1 |
 |
| 1.4 Reference 2 |
I quickly got started with making the wire frame. I decided that the 5 pages would be: Home, Art, Photography, About, Contact. On the homepage I would include a little description of her website, a quote, a general gallery of her works and lastly social media links.
The descriptions for each section:
The descriptions for each section:
The photos that she provided:
 |
| 1.5 Photos provided by Wen Yi |
I digitized her logo in photoshop to make it so that it could be placed in the corner of the navigation bar.
 |
| 1.5 Logo Editing |
I changed the color of the logo to white since the navigation bar would be black, this is to make it easier to see.
 |
| 1.6 Changing color of logo |
 |
| 1.7 HTML Code |
 |
| 1.8 HTML Code |
 |
| 1.9 HTML Code |
 |
| 1.10 HTML Code |
CSS for home page:
 |
| 1.11 CSS Code |
 |
| 1..12 CSS Code |
 |
| 1..13 CSS Code |
