Interactive Design - Project 2

October 4th, 2021 - October 22nd, 2021 (Week 7 - Week 9)
Rusydina Fazlin Athirah Binti Fauzi (0344000)
Interactive Design
Week 7 [October 8th, 2021]
Project 2 / Microsite Design

INSTRUCTIONS


Project 2 - Microsite Design

October 8th, 2021 (Week4)
-
During class, Mr. Tarmizi prepared the students and demonstrated our second project and how we would go about it though adobe's Dreamweaver. 

I started off my landing page by making sure I have all the right images to be added as the background to my website. As of the previous project, the contents that will be a continuum of follow up webpages into the microsite as seen below;

Figure 2.1 - Project 1 landing page design, October 8th, 2021


The majority of the pages I had designed in the first project would correlate to each other, but I did my best to have different and in-depth information on many important pages like the 'crafting gallery' page and the 'blog page'.

mapping out the pages:

Figure 2.2 - mapping pages out, October 20, 2021

Figure 2.3 - Mapping pages out, October 20, 2021

I did a few changes when it came to the crafting gallery, since they are crafts that I'll be selling I made the prices and the name of the product visible from there.

Completed microsite draft #1 & #2:
  
Figure 2.4 - Microsite draft #1, October 20, 2021

Figure 2.5 - Microsite draft #2, October 20, 2021

The pages displayed above are most of the pages that will be sent to a new page or an existing page (from landing page design) since most of them are connected in a way. I'd say the only new pages are the 'buy now' page and the 'portfolio' page. 

These pages are accumulated in the image seen below through the chronological sequence:

Figure 2.6 - Microsite Chronological markings, October 21, 2021

Figure 2.7 - Microsite Chronological markings, October 21, 2021

PDF Submission:


Reflection

-
October 22nd, 2021

Carrying out the second project in interactive design was quite simple but at the same time really struck the area in critically thinking and planning out the sequence of certain pages and where it will send a user when clicking on a particular information page. 

Since my content had to do with products and something I would say I'm not used to, it was an easing way to lead into planning out what page would come next after an initial displayed page and of course, keeping the consistency of the design throughout the pages was also a way to keep things simple and not too eye-straining to a user.

What I was able to reflect from this project is to determine a good website design and I think I manage to achieve that. 


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