Interactive Design - Project 2 : Website Redesign Prototype
27/05/2025 - 22/06/2025 (Week 6 - Week 9)
Cindy Noverin / 0376409
Advanced Typography / Bachelor of Design in Creative Media / Taylors University
Project 2 : Website Redesign Prototype
TABLE OF CONTENTS
LECTURES
Week 6
we are assigned to finish our proposal and start working on the prototype, we also lean]
Week 7
we studied about using selector on dreamweaver
Week 8
we have indenpendent learning week, and mr. Shamsul gave us Selector coding quiz and to finish it and show it later on, on week 9
Week 9
we learned about making a dropdown menu in dreamweaver. and a consultation and feedback session for our prototype.
INSTRUCTIONS
Proposal
after having my proposal approved, I started working on the prototype by creating each frames for the website and put my wireframe so I can position the elements for the prototype
For this prototype I first lay out every wireframe that I made when doing the website proposal and started making the navigation bar first.
I searched on youtube how to make a dropdown menu on figma and followed the tutorial. The tutorial took me 2 hours to follow and after doing it I guess I got more used to the app and worked faster to finish the prototype
This prototype focuses on improving the homepage, giving proper
introduction about the school, and giving the website a more interactive
touch. From its navigation to how the users can get better guide when
navigating the website. I did some changes to the ui but keep some other
to maintain the brand identity, added more section to give the school a
proper introduction and contact informations.
Navigation bar , no more “dropdown” and added CTA button
for the navigation bar, the logos of the school is put at the top and it
could serve as a logo and a button to navigate it back to the homepage
or landing page, added discover as a dropdown to put the school info
like about us, teachers, extracurricular and facilities; an agenda for
schools upcoming event and schedule so the visitors, students and
parents know what they would expect in their upcoming week; news to give
update visitors of news about the school event, what activity their
having; announcement to announce the school agenda or keep students
updated on information related to their school; the student’s
achievements to show the visitors and parents what the students have
achieved from each competition the school assisted them in; a CTA button
to guide users into engaging and contacting the school and a search
button to help users find the content they’re looking for.
For the footer of the website prototype, I’m thinking to delete the
agenda and the teacher’s blog, but when it was feedback session, Mr.
Shamsul said he likes the old footer better so I added the agenda but
not put the teacher’s blog because I don’t feel like the teachers have
their own blog because I only see one post of it, so in the footer,
there’s the agenda of the school, the school info & socials and
jumplinks
Better layout for the website landing page to keep it tidy and up to
date
For the landing page, I started with putting an interesting picture
cause Mr. Shamsul said that the first view of the website should be
something that attracts the visitors to know more about it for the
picture I put are things the school could offer and all of it are
pictures documented by the school themselves. I also fixed the contents
below of the headmaster’s greeting to give it a fresh look.
Added teachers section to let the visitors or users of the website get
to know the teachers of the school and what role they have in teaching.
Users will know more about them, be more familiar with them and know who
they let to guide their students. It will give parents more clarity and
reassurance about the school.
Updated students achievements for the newest will be put in pictures and
articles but the older ones like year 2020 below can be written in list
because the school doesn’t seem to update the achievement that much so
information and data are quite limited.
FEEDBACK
Week 8 :
Feedback : Mr. Shamsul said that my prototype looks almost the same as the website, he wants something new and there is a lack of consistency, there should be a call to action button where I lack, and the first image on the landing page should be more appealing,
REFLECTION
this exercise is very overwhelming for me to do. and every time I tried working on it, I feel very unorganized because there's a lot of things to complete all at once, one minute ill be working on the navigation bar, the pages, and then looking at how the prototype is working so far and all I do is working on it back and forth and its very confusing to do
even after the feedback session and looking at my friend's prototype, I now feel that I'm doing too much but not too much at the same time. like I forgot to pay more attention to the homepage, adding the cta button, I lack consistency and many other things, while my friend have a simpler layout and ui, if I had known it could be this simple, I should've picked an uglier website, and im frustrated because I thought you are not allowed to use an e-commerce website, turns out you could and I had known I already have a better option that would make my life easier.
Comments
Post a Comment