INTERACTIVE DESIGN - FINAL PROJECT

-

17/06/20 - 15/07/20 (Week 10 - Week 14)
Phoebe Ansel (0340165)
Interactive Design
Final Project 
INSTRUCTIONS


Final Project

For our final project, we were asked to find a partner. Our partner will be our 'client' and we will be designing a website for them. For this project, I partnered with Jessica Tjhai and I will be creating a personal website for her. Before designing the website's layout, we both presented our ideas to Mr Shamshul.

This is our presentation slide:




After presenting our idea, we started working on designing the layouts, we often checked and showed our progress with each other to make sure we achieve what we want.

fig 1.1 screenshot of illustrator process

Here is the final result of the layout design.

fig 1.2 home page (final)

fig 1.3 about page (final)

fig 1.4 memories page (final)

fig 1.5 works page (final)

fig 1.6 contact page (final)



After finalizing our designs, we both shared our content through google drive.

fig 1.7 sharing content


Then I immediately started the coding process on dreamweaver.
fig 1.8 home page html

fig 1.9 home page css

fig 1.10 memories page html

fig 1.11 memories page css

Here is the link to the website:

https://determined-snyder-f7978c.netlify.app/home.html


REFLECTIONS

Experience:
To be completely honest, I think I struggled with this module the most this semester. Everything was very new to me and I was very inexperienced with it. I struggled with a lot of the tasks and it took quite some time for me to finally get used to it. However, it was a great experience and I definitely learned a lot through the semester. Remembering how much I struggled with the exercises and now completing the final project, I think I improved and have understood it a lot better. I feel like I have so so much more room to improve and I am excited to learn more things in the future.

Observation:
During our first few weeks of class, I realized that a few of my classmates are actually very good at coding and are experienced in it. I was very surprised to see how 'advanced' and 'complicated' some of my classmate's works were for the exercises and projects. Looking at everyone's work has definitely inspired me to do better and work harder.

Finding:
In the beginning, I struggled a lot with the tasks and found the module incredibly stressful. I would always mess up the HTML and CSS codes. However, as we progress through the semester, and with a lot of practice, I slowly started to get the hang of it. I learned a lot through each exercise and task. Although the final project and second project were just a few weeks apart, I definitely felt more at ease doing the final project even though it was a lot more complicated. I found this module to be the best 'learning experience' I had this semester.


Comments

Post a Comment

Popular posts from this blog

Professional Developement Week

-
REFLECTIVE REPORT As this semester is my final semester, it was compulsory for me to attend  6 workshops or webinars during Professional Development Week. All the webinars I attended were very insightful and meaningful, and I learned a lot from them. Here are some of my key takeaways. I joined 3 different webinars on the first day, the first workshop I attended was the " Financial Literacy for Fresh Graduates " workshop by Maybank. This webinar taught me so much, including the budgeting rule, which states that individuals should split their money 50 percent on needs, 30 percent on wants, and 20 percent on financial goals. Furthermore, adhering to a budget plan is critical for tracking spending prior to generating the budget. Maybank also assisted me in gaining a better understanding of some of the elements. The first is Investment Preparation, which entails self-assessment and the creation of emergency reserves while understanding risk tolerance. The second section is Steps ...
Read more

APPLICATION DESIGN II - FINAL PROJECT

-
Image
Week 1 - Week 14 Phoebe Ansel 0340165 Application Design II Final Project  INSTRUCTIONS     Final Project For our project, we had a collaboration with the business school and IT school. We were tasked to create a mobile app for the business school. They wanted to create a virtual fitting room app that would allow users to see how the clothes would fit them virtually so that wouldn't have to try them on. We were first divided into 2 groups to work on the user flow, user journey, and wireframe.  We did our work on miro: We then had a meeting with the business school students and made changes after receiving feedback from them. After doing the user flow and user journey, we started working on our wireframe. The idea was for both teams to create wireframes and then choose and combine them together to create a better version of it. my group's wireframe We had a meeting again with the business students and also showed Mr Razif our work, he then chose which elements ...
Read more

TYPOGRAPHY - FINAL PROJECT

-
Image
30/10/19 - 20/11/19 (Week 10 - Week 13) Phoebe Ansel (0340165) Typography Final Project LECTURES INSTRUCTIONS PROJECT Week 10 For our final project, we were told to create protest placards  about our belief about design and society. We had to bring a 5-7 foot long stick, a A2 size cardboard, some markers or paint, newspaper, and chinese ink. I decided to use the phrase "Design is Empowering, Enlightening, Endless" fig 1.1: sketches for protest card fig 1.2: final design of my protest card  Week 11 This week we were told to create posters by digitalizing our previous protest placards. We were told that the design does not have to be exactly the same. We were also told to use the given typefaces. I created several designs for the poster. fig 1.3: screenshot of my illustrator artboards (initial ideas) Week 12 After showing Mr Vinod and Mr Shamsul the designs, I decided to choose and improve the first poster I created. This is the design I c...
Read more