Interactive Design Exercise 1 - Web Analysis
ZHOU XINYI / 0378623
Interactive Design
Bachelor of Design (Hons) in Creative Media
1.Instructions
2.Process Work
2.1.Exercise 1 - Web Analysis
Purpose and Goals
The goal of this website is to show Hardik Bhansali’s creative style and design identity. It aims to stand out through bold choices and strong personal branding. The purpose is clear as soon as the homepage loads.
Visual Design and Layout
The oversized typography is the most striking feature and gives the site a unique character. The dark background with bright highlights feels stylish and modern. The spacing makes each section easy to digest. However, the text size can sometimes be overwhelming, making small details harder to read.
Functionality and Usability
The animations and interactive effects make the site engaging. But navigation is very minimal, which can confuse new users. The creative layout works for design professionals, but usability suffers slightly.
Content Quality
Content is clear but limited. It emphasizes design visuals more than explanations, which works for a portfolio but may frustrate someone seeking detailed information.
Performance and Responsiveness
The site loads smoothly and works across devices. On some screens, the contrast between text and background is weak, lowering readability.
Recommendations
-
Adjust typography for balance between style and readability.
-
Improve navigation with clearer menus.
-
Strengthen color contrast for better accessibility.
Purpose and Goals
Casa Lunara’s website promotes a property/living experience, aiming to highlight a lifestyle of comfort and aesthetics. The site’s goal is to attract potential clients by showing the atmosphere of the space.
Visual Design and Layout
The design feels calming, with soft colors and elegant photography. The minimal layout creates a luxurious feel. Large images are well used to showcase spaces. However, some pages feel image-heavy and may load slowly.
Functionality and Usability
Navigation is straightforward, with clear menus. Scrolling feels smooth and natural. However, some text is small compared to the large images, which reduces clarity.
Content Quality
The content is simple, focusing on visuals more than details. While it effectively communicates mood and lifestyle, some users may want more information on services and features.
Performance and Responsiveness
The site works well on desktop and mobile, though the image-heavy pages sometimes slow down. Responsiveness is good, but performance could be optimized.
Recommendations
-
Balance image-heavy design with more detailed text.
-
Improve text size for readability.
-
Optimize image load speed for better performance.
3. Things, Inc.
Purpose and Goals
Things Inc. aims to present its creative studio and showcase projects. The site focuses on innovation and collaboration, with a clear goal of attracting creative clients.
Visual Design and Layout
The design is playful, with bold typography and strong color contrasts. The interactive homepage feels dynamic and engaging. However, the creative layout can sometimes be confusing for users not familiar with such styles.
Functionality and Usability
Navigation is interactive but minimal. It creates a fun experience, though sometimes it feels less intuitive. The animations and transitions are smooth, adding personality to the website.
Content Quality
Content highlights the company’s creative work but is quite brief. It communicates identity effectively, but lacks deeper details that might be useful for potential clients.
Performance and Responsiveness
The website loads fast and works well on desktop, but heavy animations may slow down mobile performance. Responsiveness is generally good.
Recommendations
-
Provide clearer navigation paths.
-
Add more structured project details.
-
Optimize animations for better mobile performance.
Purpose and Goals
Mindhyve AI’s website is designed to introduce its AI-powered platform and attract businesses or users interested in technology solutions. The goal is to appear professional and innovative.
Visual Design and Layout
The site uses a modern, tech-inspired style with clean typography and gradient colors. It feels futuristic and polished. However, some sections use too much technical jargon, which may be difficult for casual users.
Functionality and Usability
Navigation is clear, with easy access to product and feature pages. Interactive elements highlight the platform’s abilities. Usability is strong, though some features require scrolling through long sections.
Content Quality
The content is professional and well-structured, though sometimes overly complex. It communicates credibility but could benefit from simpler explanations for wider audiences.
Performance and Responsiveness
The website performs well with fast load times and smooth transitions. It is fully responsive across devices.
Recommendations
-
Simplify explanations to make content more user-friendly.
-
Reduce text density on some pages for easier reading.
-
Add case studies or examples for clarity.
Fig1.4.1Website Page Example5. DORIAN LODS
Purpose and Goals
The purpose of Dorian Lods’ website is to present personal design projects and showcase creativity. It acts as a portfolio for potential employers or clients.
Visual Design and Layout
The visual style is minimal but effective. The site uses clean typography and grid layouts that highlight work without distraction. However, some sections feel too plain, which may reduce memorability.
Functionality and Usability
Navigation is simple and direct. Each project page is easy to access. However, some interactive parts are limited compared to other creative portfolios, making it feel less dynamic.
Content Quality
Content is well-organized, with project descriptions and visuals. It communicates ideas clearly but could be expanded with more personal insights or design process explanations.
Performance and Responsiveness
The website is fast, responsive, and easy to view on all devices. The simplicity helps maintain strong performance.
Recommendations
-
Add more interactive elements to enhance engagement.
-
Provide deeper project details to show process and skills.
-
Balance minimalism with creativity to make it more memorable.
week2:In this class, the teacher checked our blogs and gave us suggestions for improvement.In my blog, the teacher told me that my assignment was too much like a summary and lacked separate discussions. I then revised it and resubmitted it.
week3：In this class, the professor taught us how to create our own website and introduced some basic coding. We completed a simple webpage in class and included a brief self-introduction on it. Later, when the professor reviewed my work, they found some mistakes and showed me how to correct them.
week4：The teacher explained to us how to use DW software to create a simple webpage in class and gave us time to practice on our own.
week5：The teacher taught us how to create a new site and how to add images and our preferred background to the webpage to make it look more beautiful.
Comments
Post a Comment