INTERACTIVE DESIGN- PROJECT 2 [Working Landing Page]

 

21.10.2022 - 28.10.2022 (Week 8 - Week 9)
Loh Qiao Yin / 0348923 
Interactive Design/ Bachelor of Design in Creative Media / Taylor's University
Project 2
[Working Landing Page]

---

LECTURES

[Completed in Exercise blog]

---

INSTRUCTIONS

 />

---

TASK

i. SHOWCASE - Landing Page
Navigation bar and home page with 2 call-to-action buttons

Fig 1.1 Screenshot #1 of landing page, 7 December 2022

Synopsis section

Fig 1.2 Screenshot #2 of landing page, 7 December 2022

Episodes section with carousel component

Fig 1.3 Screenshot #3 of landing page, 7 December 2022

Media section with embedded Youtube video

Fig 1.4 Screenshot #4 of landing page, 7 December 2022

Art book section

Fig 1.5 Screenshot #5 of landing page, 7 December 2022

Footer section

Fig 1.6 Screenshot #6 of landing page, 7 December 2022

ii. LINKS

HTML and CSS codes - PDF of codes
Submission on Netlify -  https://assignment2-lohqiaoyin.netlify.app/

---

FEEDBACK

Week 12

- Use the existing div class from Bootstrap for the column, try not to create a custom name for it because it might affect the functionality of the components.

---

REFLECTION

I did not expect a huge gap between what I learned from tutorial sessions with what I have to do for assignment 2. I had to be resourceful in finding Bootstrap templates and Youtube tutorials to achieve the layout I had initially designed. I really learned a lot of coding possibilities for design and now I am starting to be able to follow what is explained on coding forums like Stack Overflow.