Interactive Design - Project 3

October 22nd, 2021 - Nov 26th, 2021 (Week 9 - Week 14)
Rusydina Fazlin Athirah Binti Fauzi (0344000)
Interactive Design
Week 9 [October 22nd, 2021]
Project 3 / Professional Website

INSTRUCTIONS


Project 3 - Professional Design

October 22, 2021 (Week4)
-

For this final project, it was to finally accumulate all the designs and plannings from projects 1 to 2 to put into a fully up and running website. Which means coding has commenced.

From the previous project of projects 1 to 2, I just redesigned my digitized sketch into Dreamweaver. 

Figure 3.1 - Homepage coding progress, November 26th, 2021

    Figure 3.2 - About page coding progress, November 26th, 2021

Figure 3.3 - About page coding progress #2, November 26th, 2021

Figure 3.4 - Contact page coding progress, November 26th, 2021

Figure 3.5 - Homepage styling progress, November 26th, 2021

After adding the code lines into a dream weaver to design the structure of the website, I styled the website pages according to the sketches I had designed before in the previous projects. It took a while to understand each and every code line that would make up the website, but it was definitely an interesting challenge to take up.

Final website display:

Figure 3.6 - Homepage web display, November 26th, 2021

Figure 3.7 - About page web display, November 26th, 2021

Figure 3.8 - Gallery web display, November 26th, 2021

Figure 3.9 - Order web display, November 26th, 2021

Figure 3.10 - contact web display, November 26th, 2021

I worked on a total of 5 pages along with a footer and a navigation bar on all the pages that display the whole entire website.

Google Drive file to website folders:


Reflection
-
November 27th, 2021

Throughout the 14 weeks of learning the importance and principles of a good website design, it was still quite frustrating at times to figure out how to design a website. It honestly took me a while to understand what kind of code I had to type in to make it show up on the web, but with a little bit of reference from the recorded lecture and my own research and reference I was able to do what I could to at least structure a website. 

I was actually quite proud that I managed to figure it out in the end, it may not be perfect on certain alignments, but it was the best of what I could and I can definitely take that to pride because I understand that coding and designing a website from scratch can be very challenging especially for me. Who had no knowledge of it before whatsoever? Will I be continuing this particular activity? maybe not. But it was still interesting to know the meanings of it.

Comments

Post a Comment

Popular posts from this blog

Typography - Task 1

Image
30.3.2021- 23.4.2021 (Week 1 - Week 4) Rusydina Fazlin Athirah / 0344000 / Bachelor's in Creative Media Typography Task 1  LECTURES Week 1:   [Course Introduction] The first week of Typography class was a simple short introduction to the course and the mentors that will be teaching the class. Mr. Vinod along with the assistance of Mr. Shamsul guided the class in knowing all about the programs that are required, starting out blogs, and also commencing into the first task that is to ideate and sketch out the ideas of 4 different words from a pile of 7 words.  Week 2:   [Typography - Development] April 6th, 2021 - Week 2's lecture was more towards history and how typography was developed over the centuries. Way back before pencils and pens were invented, sharpened sticks were initially written into wet clay scratching into the clay to form letters or a chisel that can carve letters into stone.  Figure 1.1 -  4 th century B.C.E. – Phoenicians votive stele Cart...
Read more

Digital Photography and Imaging - Project 1

Image
Digital Photography and Imaging April 5th, 2021 - April 30th, 2021 (Week 1 - Week 5)  Rusydina Fazlin Athirah Binti Fauzi (0344000) Digital Photography and Imaging Week 5 [April 26th, 2021] Project 1 (Submission) INSTRUCTIONS PROJECT 1 PART 1: Physical Collage (10 marks) Refer to this video tutorial: https://youtu.be/2KqXGMf0HNk INSTRUCTION: Step 1: Cut out design elements Explore and search for any interesting graphics from old magazines or any printed materials. Cut the shapes of pictures that you are choosing. Repeat the steps to collect your cut out design elements. Step 2: Pre-compositing  1. Find an interesting background canvas 2. Start compositing the cut out design elements 3. Play around with the composition and layer arrangement. Step 3: Final composition  1. Once you’re satisfied with your pre-compositing, start glueing the cut out based on the layer by layer arrangements. 2. Document your work in progress on each step and upload it to your E-Portfolio blogs f...
Read more

Industrial Training - Internship blogging experience

Image
Jan 3rd, 2023 -  Feb 24th, 2023 (Week 1 - Week 8) Rusydina Fazlin Athirah Binti Fauzi Industrial Training Week 1 [Jan 3rd, 2023] Internship Reflections INSTRUCTIONS Industrial Training Week 1 Brief Introduction - Tripfez Travel (Week 1) January 3rd, 2023 - To start off my industrial training (Internship Semester), I have applied and received approval for my resume from a company named; Tripfez Travel. A Muslim-friendly travel guide. All about Tripfez Travel Tripfez Travel is a halal and Muslim-friendly travel guide that promotes travel packages and Umrah to Muslim travelers that wish to travel the world but still keep in mind Islamic values which are a Muslim's responsibility. Tripfez Travel is founded by  Faeez Fadhlillah in Malaysia in 2013, with a desire to arise the Muslim market globally. The company's vision goes as far as; "Our vision is to help Muslim travelers to explore the world in a faith-compliant manner. Our online travel platform focuses on online bookings ...
Read more