Interactive Design / Exercises

23/04/2024 - 11/05/2024 (Week 1 - Week 8)

Myra Elida Binti Abd Azis / 0358516

GCD60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media

Exercises

INSTRUCTION


Web Analysis

What To Have in The Analysis:

Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user.

Evaluate the visual design and layout of the website, including its use of colour, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, including its load times, responsiveness, and compatibility with different devices and browsers.

Based on the options/links given, we had to write two reports about the website;

Out of the three, I decided to do CSS Winner and Webby Awards.

Report 1


Fig 1.1

CSS Winner is a website that exclusively features exceptional web designs in its carefully curated gallery of top CSS websites. It is a platform that provides a space where web developers and designers can showcase their work, and gain inspiration, recognition, and exposure. CSS Winner highlights creativity, innovation, and technical prowess in web design by featuring handpicked designs that are curated with a keen eye for detail. 


The website's visual design is modern and minimalist, focusing on the showcased websites. The clean layout, neutral colour scheme, and intuitive navigation enhance the user experience. The typography used is clean and legible, giving a professional look and improving readability. The website is designed to provide a seamless browsing experience for users. 


Each design page features large images and brief descriptions, encouraging interaction and community engagement. Visitors can easily navigate through the website and explore different sections to discover showcased designs. However, CSS Winner may lack robust filtering options that allow users to narrow down their searches based on specific criteria such as industry, design style, or functionality. 


In terms of functionality and usability, CSS Winner offers a user-friendly interface with clear menu options and navigation. The website's interactivity features enable visitors to vote for their favorite designs and leave comments. While the level of interactivity is limited compared to more community-driven platforms, CSS Winner provides a platform for designers and developers to showcase their work and receive recognition. 

Regarding the website's performance, it loads very quickly across devices, which is essential for a good user experience. Slow loading often causes frustration for users, leading to the constant need to refresh the page multiple times. CSS Winner's quick loading times ensure that users can browse the website without any interruptions, thereby improving the user experience.


Report 2


Fig 1.2


The Webby Awards website is a platform dedicated to celebrating excellence in digital content and aims to recognize, inspire, and unite creators worldwide. The website's main objectives include honouring outstanding work, inspiring innovation, fostering community, and promoting best practices in digital design and creation. Through its awards program, networking events, and educational initiatives, the Webby Awards serve as a premier platform for showcasing the best of the internet while nurturing the digital community. 


The website's visual design is unique and sleek, featuring interactive elements like dropdown menus and hover effects that enhance usability and interactivity. The homepage boasts a clean layout with vibrant imagery and bold typography, creating a dynamic and engaging user experience. The varied font sizes and styles used for the typography help to create hierarchy and emphasis, guiding users' attention to key sections and content. 


In terms of the website's functionality and usability, it offers rich content about past winners and award ceremonies. The website is well-structured, allowing users to easily navigate through the different sections. The website's search functionality is highly effective, helping users quickly find the information they need. However, the abundance of information and content may overwhelm users, making it challenging for them to find relevant information quickly. 


The website loads quickly and is optimized for various devices, with rich media content and interactive features. The website's high-quality visual content and interactive features may experience performance issues such as slow loading times or lagging, particularly on slower internet connections or older devices. However, the website is designed to be responsive and adjusts to the device it is accessed from, ensuring that the content is accessible and easy to navigate. 


In conclusion, the Webby Awards website is an exceptional platform that showcases the best of digital content while fostering a community of creators worldwide. The website's sleek design, interactive features, and high-quality visual content make it an engaging and informative platform. However, the abundance of information and content may overwhelm users, and the website's rich media and interactive features may experience performance issues. Nonetheless, the website is well-structured, offering an excellent user experience that is optimized for various devices.


HTML





Link : Recipe

Comments

Post a Comment

Popular posts from this blog

Advanced Typography (Task 1)

Image
22/04/2024 - 13/05/2024 (Week 1 - Week 4) Myra Elida Binti Abd Azis / 0358516 GCD61004 / Advanced Typography / Bachelor of Design (Hons) in Creative Media Task 1 Instruction Lectures 1. Typographic Systems (Week 1) There are eight major variations : Axial Radial Dilatational Random Grid Modular Transitional Bilateral Typographic systems are akin to what architects term shape grammars . The system has a set of rules that apply in a step-by-step way to generate a set, or language, of designs. While some feel these impositions take intuition away from a teaching point of view, they provide a solid framework that allows learners to be guided in their exploration while intuition develops. Axial - text is on the left or right of the axis, the axis can be a straight line or bent line Radial - text is extended from a point or multiple points of focus Dilatational - text extended from a center point in a circular form Random - text has no specific pattern or relationship Grid - a system o...
Read more

Packaging and Merchandising Design / Task 1 (Case Study & Box Making)

MYRA ELIDA BINTI ABD AZIS 0358516 PACKAGING AND MERCHANDISING DESIGN / MER60104 TASK 1 /  CASE STUDY & BOX MAKING Module Information Booklet Progress Case Study We had to choose one existing packaging design and study on the entire design, practicality, ergonomics, target audience and how the packaging carries the brand image. Then, write a short report based on our observation and research. Draft : Fig 1.1 Final : Fig 1.2 Box Making We had to choose 2 loose items and design a box for each item. Final : Fig 2.1 Fig 2.2 Reflection Designing packaging taught me the power of intentional visuals and how each design choice impacts brand identity and customer perception. Through this process, I learned to prioritize both creativity and functionality, ensuring symbols like a sun for UV protection or a raindrop for hydration not only conveyed product benefits but also engaged the senses. Incorporating natural elements, like apple and matcha, reinforced the product's essence, while bala...
Read more