INTERACTIVE DESIGN PROJECT 2

  

Week 8-10

Rhyanne Cyrene Lowe / 0347077 / Bachelor of Design (Honours) in Creative Media

Interactive Design Project 2

LECTURE

Week 8: This week we were briefed on bootstrap which is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. After that, we were asked to code a responsive website of the design from the last project.

Week 9-10: No lectures this week

INSTRUCTIONS

Project 2

Here is the slide proposal of my design:

Sections of the landing page layout:

fig 1.0 final landing page design

HTML Progress in Visual Studio Code:

fig 2.0 html process 1

fig 2.1 html process 2

fig 2.2 html process 3

Here is the final website

FEEDBACK

Week 8: The lecturers said my landing page looked good so far and helped me solve the issue with my columns not being responsive as well as taught me how to add text within a box.

Week9-10: No feedback

REFLECTION

Week 8: This project is really confusing and hard as it requires me to figure out how to create my design through code language. Creating the base of the landing page was simple as I've learned it in class before during our exercises but to add styles and arrangement of the layout design through a new language can be confusing.

Week9: This week I worked on the responsiveness of my website and it was so confusing. I bumped into many problems but I managed to find solutions to them online. 

Week 10: Finalising my website, ive learned a lot from my mistakes and it was satifying to see a website i designed come to life