Exercise 1
24.04.25 - 01.05.25/ Week 1 - Week 2
Sara Patel/0362876
Interactive Design/Bachelors of Design in Creative Media/Taylors University
Exercise 1
INSTRUCTIONS
TASK
For this exercise, we were asked to select and analyze five websites from the provided links. The goal of this task was to carefully evaluate each website’s design, layout, content, and functionality. For each site, we had to write a brief report and compile the findings in the e-portfolio blog.
Point needed in the analysis:
- Purpose of the website: Is the website's goal clear and effectively communicated?
- Design: Evaluate color, typography, imagery, and layout.
- Content: Check for accuracy, clarity, and organization.
- Performance: Review load times, responsiveness, and device/browser compatibility.
- Recommendations: what can be improved.
PROGRESS
WEBSITE 1 CAPTAIN GOOSEBUMPS
https://www.awwwards.com/sites/captain-goosebumps
PURPOSE & GOALS: The primary objective of the website is to create an engaging, interactive, and fun experience that promotes the theme 'Live in Color.' It tells a playful story while raising awareness through a creative digital experience. This aligns with its aim of symbolizing the importance of creativity, color, and individuality in life. While the site is engaging and many users may enjoy its game-like feel, some might miss the deeper purpose behind it. Its recent creation is reflected in the use of modern design trends.
VISUAL DESIGN & LAYOUT: Visually, this website is really modernized and aesthetic. It uses perfectly contrasting colors like deep blues and soft cream, making it vibrant and fun to look at. The fonts are playful and creative yet the readability is not compromised, which suits the theme and makes the site attractive. It uses a lot of animations and illustrations which is a really creative and playful way of communicating to the modern audience and makes the experience feel alive. However, all the illustrations can feel a bit overwhelming, especially for people who prefer simple designs. Sometimes, so much of creativity lead to confusion about where to go or what to do next. Its a good approach for people who are attracted to creativity but not everyone.
FUNCTIONALITY & USABILITY: The functionality of this website is pretty strong but also limited. Interactive elements like engaging with character animations are well-executed. Navigation is a bit confusing but its a really attractive and interesting way of communicating. However, the site lacks traditional navigation features, which may frustrate users who prefer a conventional web structure. Furthermore, accessibility is a bit concerning as the site does not provide features such as keyboard navigation, screen reader compatibility, or alternative text for non-text elements. This limits the site's usability as it might not be that easy for people who are not into creativity to understand the site.
PERFORMANCE: The site runs in good speed so we don't need to wait for long for it to download. The animations are smooth, and it adjusts well to different screens, whether on a phone or a laptop. The story and visuals on the site are well arranged in the playful theme. However, there’s not a lot of detailed information about what the campaign is really about or why it matters. If someone wants to learn more about "Live in Color" or how they can get involved, they might leave the site with questions. The game in the main attraction as its very addictive.
.png)
WEBSITE 2 HUMAN VOICE OVER
https://www.humanvoiceover.com/
PURPOSE & GOALS: The aim of the website is to help YouTubers and content creators connect to a larger audience by offering high-quality human dubbing services in different languages. It emphasizes that people might not speak or understand English well so this helps creators localize. The site effectively communicates its goal by showcasing popular creators using this.
VISUAL DESIGN & LAYOUT: The design of the site is simple and professional, featuring a light background with dark black text that makes the content stand out, enhancing readability and making the content easy to understand. The website includes images and videos of well-known YouTubers at the beginning, which attracts the attention and gains trust of the audience. The layout is clear, with prominent headings and well-structured sections that guide users through the services offered. However, the use of multiple languages on the homepage feels unorganized and might confuse first-time visitors.
FUNCTIONALITY & USABILITY: The functionality of the site is straightforward and provides quick access to different sections of the site. This helps engage with a larger audience making it easier for everyone to use. The buttons are prominently displayed and well labelled, making it easier for audience. The site also offers a simple three-step process for getting started, which makes it user-friendly and engaging. The overall structure is simple and easy for a wide range of audience.
PERFORMANCE: The performance of the website is simple and strong, with quick few seconds of load times, interactive design, and smooth functionality. The site’s simple layout and minimum graphics ensure basic experience for wide range of users.
.png)
WEBSITE 3 DGREES STUDIO
PURPOSE & GOALS: The website aims to showcase their creative projects and attract new clients. It focuses on showcasing their design work and portfolio to highlight their expertise in projects. It also has contacts which help engage with more audience and get more orders. Its more like an advertising website.
VISUAL DESIGN & LAYOUT: The design is modern and engaging, with bright colors that attracts the attention of customers. The font is simple and clean, ensuring easy readability. However, the front page feels a bit disturbing due to excessive movement, which makes the text difficult to read. Additionally, the titles at the top and bottom of the page are too small and tend to blend into the background, making them hard to notice. Some graphics and emojis appear out of place and could be better arranged. There are multiple fonts used throughout the website which could be more consistent. Some of the slideshows are quite fast which distracts from the texts.
FUNCTIONALITY & USABILITY: Its very strongly informative and easy for use due to well organized buttons and labels throughout. It also has a section to contact which is helpful if one needs personal assistance. Each sections and perfectly divided with a wide range of options so that the client can go through freely without limitations. Its user friendly as it has simple and straightforward design which makes it easier to navigate.
PERFORMANCE: The website is not that smooth like other websites. It starts lagging while moving from one section to another and takes a while to load. The disrupts in the experience can lead to frustration for users.
.png)
WEBSITE 4 HONORING CREATORS AT THE WEDDY AWARDS
https://www.webbyawards.com/honoring-creators-at-the-webby-awards/
PURPOSE & GOALS: The goal of this site is to highlight the achievements of different digital creators who have been honored by The Webby Awards. It aims to inspire and inform users about the impact of these creators in the online world. The page effectively communicates this purpose by featuring profiles of these individuals.
VISUAL DESIGN & LAYOUT: The design is clean and aesthetic, utilizing a straightforward layout that emphasizes on the content and now on fancy decorations and graphics. The use of images and consistent simple typography enhances readability and visual appearance of the overall website. It is less interactive and more informative. Some might find it boring as its very professional and not playful.
FUNCTIONALITY & USABILITY: Navigation is really easy, as it has prominent headings and sections that guide users throughout the site. It is a bit difficult to find specific creators but it has all the necessary informations.
PERFORMANCE: The website loads quickly and operates smoothly. There are no noticeable lags or delays when navigating between sections and also it is well organized, contributing to a positive user experience.
.png)
WEBSITE 5 FLOWER OF THE UNIVERSE
https://flower-of-the-universe.jp/
PURPOSE & GOALS: The website aims to tell a story about a magical flower in space, combining themes of love and mystery. It also promotes products like fashion items, fragrances, and gifts inspired by this theme. The storytelling approach is creative and emotional, helping users connect with the brand.
VISUAL DESIGN & LAYOUT: The website is creatively attractive and artistic. Dark background, bright visuals, and elegant font that match its space theme. The page could be designed better as i feel the font doesn't look that appealing to me. Somewhat organized and informative site.
FUNCTIONALITY & USABILITY: The website keeps navigation simple, focusing on visuals and storytelling, but the menu isn’t always available when scrolling through long sections, which can make the user frustrated. Moving between pages is smooth, and the hovering images fits the magical theme. The buttons could look more interesting to make the site more engaging.
PERFORMANCE: It takes a while for the site to completely load upto 100% but once its done the overall site is smooth and fast. Itis highly responsive and adapts well to different devices and screen sizes.
.png)
REFLECTION
This website analysis exercise gave me a clear understanding of what makes a website effective. I started to notice technical details in websites that I used to ignore before. I realized how important it is for a website to be well-organized so that it’s easy for users to understand and navigate. This was a really interesting exercise, but it was challenging too. Some websites had unclear purposes, which made it hard to understand their goals. Some were so confusing that navigating and analyzing them felt difficult. In the beginning, I wasn’t sure what or how I was supposed to analyze, but by referring to examples and working on the first website, it became easier as I progressed. Additionally, poor performance, such as slow loading times or issues with few sections, was a bit frustrating.
Overall, this task helped me recognize the strengths and weaknesses of different websites. It taught me the importance of balancing clear communication with aesthetically pleasing design to create effective and user-friendly websites.
Comments
Post a Comment