Interactive Design: Project 1- Proposal



TANG LILIN (0376668)

Interactive Design
Project 1- Proposal
7/5/2025 - 28/5/2025  Week 3 - Week 6 

Bachelor OF DESIGN (HONERS) IN CREATIVE MEDIA

LIST
Link:Interactive Design: Project 1 - Proposal 



WIREFRAME


FINAL WIREFRAME


ATTEMPT WIREFRAME

fig 1 Attempt Wireframe - About Campus Page

fig 2 Attempt Wireframe - Contact Page

It cannot show the Home Page Wireframe because it is too long.


FEEDBACK

After completing each part, I showed my work to Mr. SHAMSUL. I got approved feedback every time.
When I showed the first version of the wireframe, the feedback I got was "Your wireframe looks okay and well structured".


REFLECTION

This is a complex and interesting process. First, you need to analyze the content of the entire website, write down the areas that can be improved, and your own ideas for improvement, and then start looking for references related to the theme of the website. Then start making it. Since the content structure of the website I chose is quite complex and difficult to find, I drastically modified the overall website architecture in the redesign to make it more modern. In this process, I have a deeper understanding of the architecture of the entire website. Although I have copied the website in the previous task, this time I need to design the website content layout by myself, which gives me a deeper understanding of the overall architecture.

After making the first version of the wireframe, the feedback I got was looks okay and well-structured. I don't know why my wireframe always looks quite strange, so after class, I revised the wireframe again, and made the picture look cleaner and more advanced by unifying the margins and the layout language. There is white space, not as full as the previous version, but choose to keep the sense of breathing. Because I think from another perspective, if I am a user browsing the web, if the entire website is filled with pictures or color blocks, it will reduce my desire to browse. During the production process, I found that one of the reasons why I felt that the wireframe looked strange was that the image icons used were too large. Later, I corrected this problem.

Comments

Popular Posts