Interactive Design | Project 2 - Working Prototype

  


08/5/2022 - 22/5/2022 | Week 11 - Week 13
Interactive Design | Bachelor of Design in Creative Media
Shofwa Alyadiena | 0350019
Project 2 - Working Prototype

Instructions



PROJECT 2

In this project, we had the challenge to turn our static prototype into a working one. Any codes we haven't learned were filled in and supplied with Bootstrap. I had difficulties at first, but later figured out the reasons why some things didn't work out. I used other html/css template websites like W3Schools to aid me. 

WORKING PROTOTYPE | LINK

Fig. 1.1 Working Prototype HTML (7/5/2022)

Fig. 1.2 Working Prototype CSS (7/5/2022)


FEEDBACK

The feedback I received for project 2 was about the media queries. I realized mine wasn't very well done and doesn't look pleasant on smaller devices. With Mr. Shamsul and my classmate's help, I was able to create a better version for mobile users. 



REFLECTIONS

Using Bootstrap was an interesting experience. I first had a misunderstanding about using the latest version, which resulted in nothing in my HTML working. Luckily, through the process of discussion between friends, I found the right version and got started on the website right away. I tried my best to replicate my static prototype, though there were still some things I don't understand, so I went and compromised by using simpler alternatives.


Comments