ADVANCED INTERACTIVE DESIGN - TASK 1
ADVANCED INTERACTIVE DESIGN - TASK 1 / INTERACTIVE WEB APPLICATION PRE-PRODUCTION & PROTOTYPE
20/04/2024 -5/18/2024 (Week 1 - Week 4)
Xing Yu / 0361463
Advanced Interactive Design / Bachelor of Design
(Honours) in Creative Media / Taylor's University
Task 1 /
Interactive Web Application Pre-production & Prototype
INSTRUCTIONS
Task 1 - Interactive Web Application Pre-production & Prototype
To accomplish this task, we need to create a prototype interactive application for our chosen brand. Before starting a website design, I first went to find inspiration and ideas and made a mood board to start thinking about my website.
Fig 1.0 Mood board
I'm going to make a website about my favorite singer Jay Chou that will be rich in content. First of all, I will provide a personal biography of him, detailing his upbringing, the development of his music career, and his various achievements. In addition, the website will include a list of his hit singles, so that users can quickly find and listen to his most popular songs. At the same time, I will keep up to date with the latest album information, including the album introduction, song list, release date, and purchase and demo links.
Website reference
https://backstage.bonjovi.com/
https://enchantingmoments.zacaparum.com/
https://www.findworkhappiness.com/
Fig 1.1 Pinterest
Fig 1.2 Pinterest
I created a ppt to show my idea
Fig 1.3 ppt
I created my user flow and wireframe using Figma
Fig 1.3 user flow
Fig 1.4 wireframe
Final presentation slides
Final presentation Video Link:
After completing the user flow and wireframing, I made a video explaining my website design ideas.
REFLECTION
In the process of making Jay Chou's website, I gained a lot and had a lot of impressions. First, by designing wireframes, I learned how to effectively organize and lay out website content to ensure that users can easily find the information they need when browsing. The production of wireframes gave me a deep understanding of the importance of user experience design.
Next, the flowchart helped me clarify the function and navigation structure of the website. Every step, from the user visiting the home page to browsing profiles, hit singles and latest albums, is planned in detail, making the operation flow of the entire website more smooth and intuitive.
During the production process, I also created a detailed PPT to show the various stages and design concepts of the project. Through the production and presentation of PPT, I improved my visual expression and communication skills, and was able to clearly convey my design ideas and website functions to my team and customers.
评论
发表评论