Interactive Design | EXERCISE 1

-

Gao Yuan Yi 0373945

Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Exercise 1

INTRUCTION


Exercise 1 - Web Analysis

Choose TWO (2) websites from the link given. Review the website that you've selected carefully, taking note of its design, layout, content, and functionality. Identify the strengths and weaknesses of the website, and consider how they impact the user experience. Write a brief report summarising your findings and recommendations.

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 color, 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 organisation. Consider the website's performance, including its load times, responsiveness, and compatibility with different devices and browsers.

Write a brief report summarizing in not less than 500 words. You can include a screen capture of each section or page of the website to explain. Make sure that the formatting of the report is clear (heading/subheadings)

We were given the following links to choose the websites to analyse:

https://www.csswinner.com/winners

https://www.awwwards.com/

https://www.webbyawards.com/

Website #1
Monolith Studio’s website is visually striking, embracing a sleek and modern aesthetic that aligns with its digital design focus. The dark background paired with bold typography and animated elements creates a futuristic feel, effectively capturing attention. The use of high-quality visuals and minimalistic design helps maintain focus on the content without overwhelming the user. Navigation is straightforward, with a sticky menu ensuring easy access to different sections. 
However, some animations may cause slight delays, impacting the overall speed. The website’s content is concise and well-organized, highlighting their services, projects, and expertise clearly. It also integrates interactive elements, like smooth scroll and hover effects, enhancing user engagement. The site is responsive, adapting well to different screen sizes, though performance might vary across devices. 
Overall, Monolith Studio effectively conveys its brand identity through a polished visual presentation and interactive elements, though optimization for speed could further improve the user experience.
Fig. 1. 1 https://www.awwwards.com/sites/monolith-studio

Website #2
Deduxer Studio’s website showcases a clean and dynamic design that effectively highlights its expertise in the digital and creative industry. The homepage immediately engages users with vibrant, moving visuals and bold, modern typography. The color scheme is cohesive, utilizing a mix of bright tones against a white background, which keeps the design fresh and energetic. The navigation is intuitive, with a fixed menu that allows users to access sections like "Work" and "About" effortlessly. 
However, some of the interactive elements, like hover animations, occasionally feel a bit heavy, which may affect loading speed and smoothness. The content is concise and directly communicates the studio’s offerings and portfolio, with a strong focus on visual storytelling. The website is responsive and adapts well across various devices, ensuring a consistent experience. 
Overall, Deduxer Studio delivers a visually engaging and interactive experience, but optimizing the performance and loading times could enhance usability.
Fig. 1. 2 https://www.awwwards.com/sites/deduxer-studio-1





Comments

Post a Comment

Popular posts from this blog

Design Principles | Task 1 Exploration

-
Image
3/2/2025 - 17/2/2025  Week 1 - Week 3 Gao Yuan Yi  0373945 GCD60804  Design Principles  / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1 Exploration Lecture Intro_Elements & Principles of Design 1. Elements of Design Point : The simplest element; repetition forms lines, and movement creates shapes. Line : Defines boundaries of shapes, expresses motion or emotion, and can depict light and shadow when grouped. Shape : A two-dimensional area, divided into geometric (regular) and organic (irregular) shapes. Form : Three-dimensional shapes, often used in sculpture and architecture. Texture : The tactile quality or visual representation of surfaces, divided into actual and simulated textures. Space : Can be two-dimensional or three-dimensional, divided into positive (filled) and negative (empty) space. Colour : Determined by light wavelengths, with three properties: hue, value, and saturation. 2. Principles of Design Contrast : Attracts attent...
Read more

Advanced Typography: Task 1 Exercises

-
Image
25/9/2024 - 16/10/2024  Week 1 - Week 3 Gao Yuan Yi 0373945 GCD61004  Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1 Exercises - Typographic Systems & Type & Play LECTURES Lecture 1 AdTypo_1_Typographic Systems Shape Grammar: A set of shape rules that apply in a step-by-step way to generate a set, or language, of designs.  Axial System: All elements are organised to the left or right of a single axis.  Fig.1.1.1  Axial System Radial System: All elements are extended from a point of focus.  Fig.1. 1. 2  Radial System Dilatational System: All elements expand from a central point in a circular fashion.  Fig.1. 1. 3  Dilatational System Random System: Elements appear to have no specific pattern or relationship.  Fig.1. 1. 4  Random System Grid System: A system of vertical and horizontal divisions.  Fig.1. 1. 5  Grid System Transitional System: An informal system ...
Read more

Design Principles | Task 2 Visual Analysis

-
Image
17/2/2025 - 3/3/2025  Week 3 - Week 5 Gao Yuan Yi  0373945 GCD60804  Design Principles  / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 2 Visual Analysis Task 2 In this task we are required to write a 300 - 350 word visual analysis of the artwork I selected from the art gallery, sketch 3 ideas on how the selected design can be improved and describe each idea and support it with a rationale in about 30-50 words. Selected Artwork Chosen Reason:  I feel a deep connection to the portrayal of women in art. I am not only drawn to external beauty and aesthetics but also eager to capture the inner strength and vitality of women through art. This preference aligns with the core ideas of many art movements and feminist theories. The 'charm and power' I perceive in women is actually a recognition of their complexity—they can be gentle yet strong, mysterious yet rebellious. My sense of power in art may come from my admiration for maternal stren...
Read more