Interactive Design / Final Compilation
22.4.2024 - 3.8.2024 / Week 1 - Week 15
Bong Sue Zhiun / 0366866
Interactive Design / Bachelor of Design ( Hons ) in Creative Media
Final Compilation
TABLE OF CONTENTS
1. Exercises
5. Reflection
Quick links to my blog post:
EXERCISES
Report of Website Analysis
Website 01 - Justine Soulie
Purpose and Goals Communication
 |
| Fig.1.1 The home page of this website, Week 1, 25.4.2024 |
Visual Design Evaluation
While the website maintains a minimalist visual aesthetic with various shades of grey, the cover of Justine's works and the "About" section stand out with a bright and eye-catching colour palette, predominantly featuring primary colours like red, blue, and yellow. This contrast enhances the attractiveness of the content and adds visual interest to the overall design.
 |
| Fig.1.2 The cover of Justine's works , Week 1, 25.4.2024 |
 |
| Fig.1.3 The page after clicking into the "About " , Week 1, 25.4.2024 |
Besides, this website utilises clean and easily readable typography, with a preference for sans-serif fonts across its pages. The website features high-quality images and illustrations. These visuals help to add excitement and variety to the site, making it more interesting to look at.
 |
| Fig.1.4 The typography used & High quality images, Week 1, 25.4.2024 |
Functionality and Usability Assessment
Users can navigate the website by using the menus located at the top of page that lead to different sections, such as the "About" page and Justine Soulie's portfolio. The portfolio section is well-organised, allowing users to easily browse through all of her creative works. The inclusion of a "Scroll to see more" prompt in the bottom right corner of the page when users open a project is beneficial as it guides users on what steps to take next.
 |
| Fig.1.5 " Scroll to see more" at the bottom right , Week 1, 25.4.2024 |
Content Quality and Relevance
Each project in Justine's portfolio is explained clearly by a brief overview that provides insight into her creative work. The "About" section provides a concise overview of Justine's background. However, some of her social media links are located at the bottom right corner of the "About" page.
Fig.1.6 & 7 The brief overview of each work, Week 1, 25.4.2024
 |
| Fig.1.8 Social Media links at the bottom right , Week 1, 25.4.2024 |
Website Performance Examination
The website loads fast and works smoothly, even on phones. It's designed to look good and function well on different devices, whether users are using a smartphone or a computer.
 |
| Fig.1.9 The mobile version of this website , Week 1, 25.4.2024 |
Things that I found that can be improved
While the website adopts a minimalist and clean style, it could benefit from enhancing the visibility of the navigation menu. One suggestion is to incorporate buttons for each section, making it noticeable and easier to identify.
 | |
|
Conclusion
In conclusion, Justine Soulie's portfolio website does a great job of showcasing her creative work with a clean and attractive design. Users can easily navigate the website and discover her background and portfolio. The website loads fast and looks well on both computers and phones. While some small adjustments, like making the navigation menu easier to see, could improve the user experience slightly, overall, it's a great platform for discovering Justine's talent.
Website 02 - Don't board me
Purpose and Goals Communication
The website effectively communicates its purpose of providing in-home pet care services to users. It uses simple words, so the users will know exactly what it's about. Information regarding the services provided, including dog walking, pet visits, and overnight care, is prominently showcased, ensuring users are well-informed about the website's offerings.
| Fig.1.11 & 12 (Left) Home page , (Right) The services provided ,Week 1, 25.4.2024 |
Visual Design Evaluation
The website looks nice and professional, using colours, fonts, and images well. Soft colours in the background make it cozy, and dark colours show important buttons.
 |
| Fig.1.13 dark-coloured button stands out nicely against the soft-coloured background,Week 1, 25.4.2024 |
The website's choice of sans-serif font is appropriate for modern and clean design. However, using all capital letters for the font might make it more difficult to read.
 | |
|
There are lots of cute images of pets, making it feel friendly and warm. Overall, the website's design makes the users feel good and interested in pet care.
 | |
|
Functionality and Usability Assessment
The website functions smoothly, with clear and user-friendly navigation menus that make it simple for users to locate the information they seek.
 | |
|
It's easy to find contact forms and booking options on the website, so users can quickly reach out to the business or request services. If users have any questions or doubts, they can also ask them directly on the site. This makes it simple for users to get in touch and communicate with the business.
 | |
|
The website is also responsive, adapting smoothly to different screen sizes and devices, ensuring a consistent user experience across desktops, tablets, and smartphones.
 | |
|
Content Quality and Relevance
The content on the website is informative, relevant, and well-written. Descriptions of services are detailed yet concise, providing users with a clear understanding of what to expect.
 | |
|
Testimonials and reviews from satisfied customers add credibility and confidence, helping to build trust with potential clients.
| Fig.1.20 & 21, The testimonials and reviews from customers ,Week 1, 25.4.2024 |
Furthermore, the blog posts and articles offering pet care tips and advice show the website's commitment to providing valuable content to pet owners.
| Fig.1.22 & 23, Blog posts and articles ,Week 1, 25.4.2024 |
Website Performance Examination
In terms of performance, the website loads quickly and functions smoothly. Pages load promptly, minimising wait times for users and enhancing their overall experience.
Things that I found that can be improved
To improve the website, incorporating a combination of uppercase and lowercase letters would be beneficial. Although this method can improve comprehension and readability, some users may find it difficult to tell the difference between words and letters. However, the user experience can be improved and content accessibility for a wider audience can be ensured by finding a balance between uppercase and lowercase letters. This change could enhance comprehension and reading, which would enhance the website's overall user experience.
Conclusion
In conclusion, the website performs a great job of providing users with clear information about its pet care services. It looks nice and professional with its colours, typography, and images, making users feel cozy and interested in pet care. Although the website works smoothly and is user-friendly across several devices, it may benefit from using a combination of upper and lowercase to enhance readability. Overall, the website provides helpful information and tips for pet owners, enhancing their experience. Minor adjustment like mixing uppercase and lowercase letters in the text could make the website more enjoyable and easy to use for everyone.
Final Submission / Exercise 2 : Web Replication
Web Replication #1
 |
| Fig.1.24, Final Outcome of Web replication #1 ,Week 3, 6.5.2024 |
Fig.1.25, Final Outcome of Web replication #1 (PDF) ,Week 3, 6.5.2024
Web Replication #2
 |
| Fig.1.26, Final Outcome of Web replication #2 ,Week 3, 6.5.2024
|
Fig.1.26, Final Outcome of Web replication #2 (PDF) ,Week 3, 6.5.2024
Final Submission / Exercise 3 : Creating a Recipe Card
| Fig.1.27 Final Submission / Exercise 3: Creating a Recipe Card ,Week 7, 6.6.2024 |
PROJECT 1
Final Submission / Project 1: Prototype Design
Fig.2.1. Final Submission / Project 1: Prototype Design , Week 6, 30.5.2024 |
PROJECT 2
Final Submission / Project 2: Working Web page
Fig.3.1. Final Submission / Project 2: Working Web page, Week 11, 4.7.2024
FINAL PROJECT
Final Project / Single Page Lifestyle Microsite
Fig 4.1. Final Project : Single Page Lifestyle Microsite, Week 15, 1.8.2024
REFLECTION
Over these 14 weeks, I’ve gained a lot of experience in web development through learning HTML and CSS. It’s been an exciting journey, starting with the basics and gradually working on more complex projects. At first, diving into web development was a bit overwhelming, as everything was new and there was a lot to take in.
As I progressed, I started to enjoy the process more, especially when I saw my code coming to life on the screen. Getting things to work as intended was both fun and rewarding. However, there were times when I faced challenges, such as figuring out how to fix issues or how to implement certain features. These moments could be quite frustrating, especially when I felt stuck or didn’t have all the answers.
Despite the frustrations, these 14 weeks have been incredibly valuable. They’ve pushed me to think critically and solve problems on my own. Even though it wasn’t always easy, overcoming these challenges helped build my confidence and deepen my understanding of web development. I’ve learned that mastering the basics is just the beginning and that there’s always more to learn and explore. Overall, this period has been a mix of successes and setbacks, but it has been worthwhile.
Comments
Post a Comment