Interactive Design - Project 02: Working Web Page

Week 08 - Week 12

Ahmad Firas Bin Ahmad Fisal | 0345121

Interactive Design (GCD60904) | Bachelor of Design (Hons) in Creative Media

Project 02: Working Web Page


INFORMATION


Lecture Notes
Exercises
Project 01: Prototype Design
Final Project: Design, Exploration, and Application


PROJECT 02: WORKING WEB PAGE

This particular project is a continuation of Project 01. We are required to transform a static prototype that we have created into a fully responsive and functional web page. The working web page should align well with our original prototype by applying the knowledge obtained from the web layout exercise class.

Task Requirements:

- Easy to navigate and use, with clear intuitive menus
- Responsive, display properly on different devices and screen sizes
- Adhere to web design best practices, including accessibility and usability.
- All processes must be documented and uploaded to our blog and Google Classroom.


Wireframe and Prototype

The image attached below is the final landing page prototype that I've made for Project 01: Prototype Design.

Figure 1.1 - Project 01's Static Prototype

All of the amendments are made before submitting Project 01, documented in another blog link.

Project 02's Design Processes:

HTML:


CSS:



FINAL SUBMISSION FOR PROJECT 02: WORKING WEB PAGE





REFLECTION

After completing this project for the sake of completing to submit, I realised that the lack of assistance and attention from both our lecturers caused me to second question my intention to specialise in UI/UX. Everything feels so hard and even more demotivating when nothing could help other than learning to code from Youtubers for hours and also occasionally learning from Chat GPT. Despite internal struggles, I try to look at this project in a positive light. I understand the learning outcome of this project is for us to understand better how the final project works. I decided not to worry too much on this project 02 at this point because we are running out of time for Final Project. 

Comments