Rachel Yeo Rong Qing / 0368901
Interactive Design / Bachelor of Design (HONS) in Creative Media
Final Compilation and Reflection
CONTENT
Exercise
Project 1
BLOG LINK
1. Interactive Design Exercise
2. Interactive Design Project 1
3. Interactive Design Project 2
4. Interactive Design Final Project
Exercise
Click here to Interactive Design Exercise.
Task 1 : Exercise 1 - Web Analysis (Week 1)
Website 1
1. Purpose and Goals
The purpose of this website is a studio that offering design, branding, marketing and content creation services to clients. The goals of the website is showcasing the agency work and capabilities, providing information about their services and encouraging potential clients to contact them for business opportunities.
2. Design and Layout
The website has use a clean, modern design with a focus on visual content and minimal text. As shown as picture above, the layout is straightforward with clear sections that separate content, guide the user's navigation and only using black and white colors and minimal text. This has let viewers can directly focus on the main point and understand the information easily.
Besides of that, the website also got a simple navigation bar at the top of the page and it allows user to easily access different sections of the site.
3. Functionality and Usability
The picture above has shown the pages after I click on the contact and work. The website has includes interactive elements such as clickable sections and buttons to guide users to specific pages. It has prove tat the website is easy to navigate and the contact forms and CTAs are also accessible, it making user easy to get in touch with the studio.
The picture above has shown the portfolio of this studio and the transition after we point to one of the works. This has make viewers can clearly appreciate the works they done before.
4. Quality and Relevance of Content
The content of the website is visually appealing with high-quality images that showcasing the studio work. It also relevant to the target audience, providing examples of their work in various industries and highlighting their creative capabilities. They also have a reviews sections to let clients can trust them more.
5. Performance
Website 2
1. Purpose and Goals
The purpose of this website is a platform that offer pet care products and services, specifically providing a solution for keeping pets safe and comfortable during owner travel or boarding. It aims to provide information on products and services to keep pets safe and happy during trip.
2. Design and Layout
The website design is simple and using a consistent color scheme which is light color to makes the websites conveys a soft feeling to audiences. The image in this websites all aims to showcase pet care products and services. There is a navigation bar at the top that leads to various sections of the websites. The navigations has state on the top of center and it is clear and easy but the navigation bar will coincide with other image sometimes, this will lead to a decrease in the user experience of using the website.
3. Functionality and Usability
The transition of the website was interested such as Fig 1.14 and Fig 1.15, when we try to scroll the page the information notes will jump up one by one. In this way, the users can be more easy to understand the step to booking their services. The usability of this website are quite strong due to the clear navigation, straightforward layout and the simple process of booking sections.
4. Quality and Relevance of Content
The content of this website are in a good quality due to it clear descriptions and professional images of the products and the services offered. It also relevant to pet owners who wants to explore alternative options to traditional pet boarding, especially whose interested inn keeping their pets with them during trips.
However, some of the typography might need to be improve a little bit such as the explanation inn Fig 1.18, the text are too small and don't have any paragraph. This has let the explanations looks like squizz to each others and decrease the readability of viewers.
5. Performance
Task 1 : Exercise 3 - Web Replication (Week 3)
Final Outcome
Task 1 : Exercise 5 - Recipe Cards (Week 7)
Project 1 : Prototype Design - Digital resume / CV
Final Outcome
Final Outcome
Final Project : Creating A Single Page-Website
Final Outcome
Below are the links to view the website :
REFLECTIONS
Looking back to my journey on this module, I have gained valuable insights into the details of creating engaging and user-friendly digital experiences. Initial tasks, such as redesigning school e-learning systems has emphasized the importance of usability principles such as consistency, simplicity, visibility, and feedback. This project has taught me we need to prioritize user needs and ensure that the platform is accessible and easy for students to navigate and use effectively.
Moving on to more advanced projects, I have explored the complexities of interactive web design. I learned to incorporate elements like smooth transitions, clear navigation, and high-quality visuals to enhance user engagement. These projects has emphasize the importance of visual appeal and performance, demonstrating how efficient load times and responsive design can significantly improve user experience. By evaluating an existing website and replicating its structure, I have gained a deeper understanding of effective layout, typography, and color schemes, which are critical to maintaining user interest and reducing bounce rates.
The final project is particularly illuminating because it has involves comprehensive analysis and practical application. Creating prototypes and fully functional websites has emphasizes the importance of combining aesthetic elements with functionality. This holistic approach not only makes websites visually appealing but also ensures that they meet the actual needs of users. Through these experiences, I have developed strong skills in interaction design, it has equipping me with the knowledge to create compelling and user-centered digital solutions.



















Comments
Post a Comment