18th Jun 2024-29th Jun 2024
WangShengxiao/0369380
Bachelor of Design(Honours)in Creative Media
Interactive Design/Final Project: Design、Exploration & Application (week 11-week 14)
Other project links
Link to Project 1: Prototype Design
Link to Project 2: Working webpage
INSTRUCTION
Process
Fig 1.1 First sketch（Figma)
This is my first sketch. The theme I want to make at the beginning is fruit basket, where visitors can see various kinds of fruits and choose and buy them. I also add hot goods and special goods.
However, due to the limited ability at present, I think this kind of purchase theme can only be made into a multi-page website, and it requires a lot of interaction design, which is difficult for me, so I changed a theme and carried out the second idea.
Fig 1.2 Final sketch（Figma)
Before the second idea, I carefully read the requirements that Mr. Shamsul posted in google Class. I think there are a lot of topics I'm interested in. Finally, I chose Beijing Roast duck, the representative of Chinese traditional food culture, which is a good theme.
So, when I was designing at Figma, I brought in my ideas and added a lot of buttons to make the site look more advanced and smooth. As a result of the first experience, my main concerns in the second approach were to make the site simple, attractive and most importantly user-friendly.
Website Development
Computer side navigation bar
Navigation bar on mobile
The first part-introduce
Computer terminal
Mobile terminal
Corresponding code
The second part-History
Mobile terminal
Corresponding code
The part Three - Cooking
Computer terminal
Mobile terminal
Corresponding code
The part four - How to eat
Computer terminal
Mobile terminal
Corresponding code
The fifth part - culture
Computer terminal
Mobile terminal
Corresponding code
The tail
Corresponding code
Netlify link to final website design: https://illustrious-souffle-3cb97d.netlify.app/
RELECTION
In the study of website design, I think I have drawn a successful full stop for my study in this semester, although there are still many shortcomings: For example, I am not proficient in computer technology and my knowledge of code is not complete. However, I still learned a lot of knowledge in this semester, and I think they will play a great role in my future life and work. As for the final assignment, I encountered many obstacles in the process of completion. I designed the theme twice and constantly modified the error code. I think interaction design is a great challenge for me, but I have great enthusiasm for it, and I hope I can continue to maintain and get better and better in the future study.
Comments
Post a Comment