Interactive Design / Final Project
Cheryl Voo Yie Qi / 0349878
Interactive Design / Bachelor of Design in Creative Media
Final Project
Links to other projects:
INSTRUCTIONS
Week 14
We are going to create 4 more pages based on our last project (Project 2 /
Working Landing Page).
I am going to create more than 4 as I thought my website is not a lot to
do.
Fig 1.1, Project folder
Firstly, I saw something I missed out on while doing the working landing
page: the cart beside the search button. So I search for the cart in (https://www.flaticon.com/) which Mr Shamsul shared in google classroom for us to get icons. Then, I
changed the colour of the cart to match the website. And I changed the
search bar back to white because I thought black looked cool but I thought
to go for the classic one after all.
Fig 1.2, Before
Fig 1.3, After
I created 4 pages based on the navbar: Gift for kids/for him/for her/gift set. And basically, they looked like this and a footer below:
Fig 1.4, A brief description on top
Fig 1.5, Merchandise display in bootstrap cards with names and prices
And for the footer, in the contact section, I turned them into a clickable
link to lead users to another tab of Facebook, Whatsapp and Instagram by the
code:
<a href="https://www.facebook.com/" target="_blank">
Fig 1.6, Contact
<a href="https://www.facebook.com/" target="_blank">
Fig 1.6, Contact
Other than that, I found a bootstrap on
w3schools.com
about creating a coupon, but I ended up using normal card bootstraps as it
was not working for me.
Fig 1.7, Voucher
On another page about "sign up now", I also used bootstrap from https://mdbootstrap.com/ to create a sign-up page, and I changed the colours, fonts and adjusted other things like width.
Fig 1.8, Sign-up page
After I have done it all, I uploaded it to Netlify for submission:
REFLECTION
It's done at last! Even though this process is torture, after all, I feel satisfied and fulfilled. Other than that, It was quite fun actually making websites ourselves from scraps using coding, and I never thought of it. I do learn a lot through this module about coding. And I wanted to say thank you to Mr Shamsul for guiding us and giving feedback on our work with patience through these tough 14 weeks!
Comments
Post a Comment