Interactive Design
Project 1
INSTRUCTIONS
<iframe src="https://drive.google.com/file/d/1pskuYoGikvIRwhTojUfmlfeFH2jN5pbX/preview" width="640" height="480" allow="autoplay"></iframe>
PROGRESS
I started by looking up types of popular websites and did a small study to find out their pros in a slideshow form.
PDF slideshow
<iframe src="https://drive.google.com/file/d/13CPqHjE93AX5HCh8MjyLj5RW1Q_t6nkr/preview" width="640" height="480" allow="autoplay"></iframe>
After that I started to find some inspirations online and deciding on what kind and what style of a landing page I would like to design.
Figure 0.1: mood board, 30 August 2021
These are pictures that I search on Pinterest and I wanted to follow this mood board to design my kind of website, which is the "Rock'n'Roll" theme.
Pictures taken from Internet.
These pictures above are the selected pictures for my website design. But I think I will be using one the 1st picture from above to design my landing page. It will be a very simple yet cool one page sized landing page.
Figure 0.2: Process designing in photoshop, 02 September 2021
This part is where I'm deciding about what title and name I should be naming. I managed to named my title as "MUSICK" in the end.
Figure 0.3: Process in Photoshop, 02 September 2021
Figure 0.4: Attempts in Dreamweaver, 10 September 2021
Although we did not need to code the landing page but I still did it anyways, because I was not sure of what do we need to actually do so I went for it. It should be fine, this can count as a practice!
Figure 0.5: The coding, 10 September 2021
Figure 0.6: Landing page preview, 10 September 2021
Final Landing Page Design
Figure 0.7: Final Landing Page, 13 September 2021
PDF
<iframe src="https://drive.google.com/file/d/1gqA87Iw4mAHecP8t3RVFkpBAgLwBbfrW/preview" width="640" height="480" allow="autoplay"></iframe>
No comments:
Post a Comment