Interactive Design - Project 2 : Working Landing Page
08.06.2022 - 15.06.2022 ( Week 11 - Week 12 )
Michelle Angeline Gunawan / 0349760 / Bachelor of Design in Creative
Media
Interactive Design
Project 2 : Working Landing Page
INSTRUCTIONS
Project 2 - Working Landing Page
We were introduced to bootstrap. Bootstrap helps us to create a website easily. We just need to copy and paste the code that has been provided on the website and then we can adjust it. We must use the 4.4 version of the bootstrap to make our coding works.
Figure 1.1 Screenshoot of Bootstrap 4.4 Website
I started to work on my website using Visual Studio Code. I was having a hard time making my website layout look appropriate. I messed up the position and was trying my best to fix it.
I decided to recreate the Stickerrific Website and this is its original website page.
https://www.stickerrificstore.com/
This is the link to my website.
https://landingpage-michelleangeline.netlify.app/
This is the screenshoot of my project 2.
Figure 1.2 Screenshoot of Project 2 - Working Landing Page, Part 1
Figure 1.3 Screenshoot of Project 2 - Working Landing Page, Part 2
Figure 1.4 Screenshoot of Project 2 - Working Landing Page, Part 3
Figure 1.5 Screenshoot of Project 2 - Working Landing Page, Part 4
Figure 1.6 Screenshoot of Project 2 - Working Landing Page, Part 5
Figure 1.7 Screenshoot of Project 2 - Working Landing Page, Part 6
INSTRUCTIONS
Project 2 is a task where we already have to create a working website. To be able to change from a design that I made from Adobe Illustrator to a coding and working website requires a process that is quite complicated but also very interesting and challenging. There were several meetings that we missed and made us quite confused. Especially because I need help from Mr. Samsul about the carousel on one of my pages. As a result, I turned it into a card and luckily I think it still looks quite attractive.
We were introduced to bootstrap. Bootstrap helps us to create a website easily. We just need to copy and paste the code that has been provided on the website and then we can adjust it. We must use the 4.4 version of the bootstrap to make our coding works.
I started to work on my website using Visual Studio Code. I was having a hard time making my website layout look appropriate. I messed up the position and was trying my best to fix it.
I decided to recreate the Stickerrific Website and this is its original website page.
https://www.stickerrificstore.com/
This is the link to my website.
https://landingpage-michelleangeline.netlify.app/
This is the screenshoot of my project 2.
Figure 1.2 Screenshoot of Project 2 - Working Landing Page, Part 1
Figure 1.3 Screenshoot of Project 2 - Working Landing Page, Part 2
Figure 1.4 Screenshoot of Project 2 - Working Landing Page, Part 3
Figure 1.6 Screenshoot of Project 2 - Working Landing Page, Part 5
INSTRUCTIONS
Project 2 is a task where we already have to create a working website. To be able to change from a design that I made from Adobe Illustrator to a coding and working website requires a process that is quite complicated but also very interesting and challenging. There were several meetings that we missed and made us quite confused. Especially because I need help from Mr. Samsul about the carousel on one of my pages. As a result, I turned it into a card and luckily I think it still looks quite attractive.
Comments
Post a Comment