Interactive Design / Final Compilation

28.08.23 - 27.11.23 / Week 01 - Week 14
Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017)
Bachelor of Design (Hons) in Creative Media
Interactive Design (GCD60904) / Section 1
INSTRUCTIONS

  

FINAL COMPILATION

Exercises

Web Analysis

Fig 1.0 Web Analysis

Web Replication


Fig 1.1 Final Web Replication Ocean Health Index PNG

Fig 1.2 Final Web Replication Ocean Health Index PDF



Fig 1.3 Final Web Replication Morgan Stanley PNG

1.4  Final Web Replication Morgan Stanley PDF


Recipe Card


Fig 1.5 Strawberry Pie Recipe Card

https://strawberrypierecipecard.netlify.app


Project 1

Prototype Design

Fig 1.6 Final Digital Resume/CV JPG

Fig 1.7 Final Digital Resume/CV PDF


Project 2

Working Web Page

Fig 1.8 Final Working Web Page



Final Project

Single Page Website for Your Favourite Artist

Fig 1.9 Single-page Website For Your Favourite Artist


REFLECTION

This module taught me a lot in learning how to manage UI/UX effectively. It is not only the design that must work, but the backend of it as well, following the key design principles really do prove useful in designing a successful layout or website. The assignments have deepened my understanding of thoughtful information organization in design. Using HTML and CSS was quite fun too, I have always liked coding, since I took it in highschool as well, so getting a chance to do it in my studies were fun for me. However, I also learned how difficult it can be- especially when troubleshooting bugs and debugging, the code had to be precise as even one wrong letter posed issues in responsiveness in showing up properly on the site, so it challenged me and enhanced my problem-solving skills. The final project involved leveraging my accumulated knowledge to create a fully functioning site. Testing and refining the site highlighted the challenges and rewards of coding, I was very happy to have been able to have made a fully responsive image carousel especially, and am pleased with the overall design of the site. Overall, I am glad to have gained lots of new coding knowledge in this module and given the chance to create sites I am proud of. It has left me with a big sense of accomplishment and I hope to further enhance my technical skills in coding in the future as I progress as a UI/UX designer.

Comments

Post a Comment

Popular posts from this blog

Design Principles / Task 3

Image
0.7.03.24 - 21.03.24  / Week 5 - Week 7 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 3 Design For Task 3 of Design Principles, after we have analysed the design of out choice in Task 2, we are to produce a work of design, inspired/influenced by the one we had analysed, or as a reaction to it. We should also apply our knowledge of design principles in our creation and may use any medium and/or materials that are suitable to convey our visual message. We should also include some cited visual references that inspire our own ideas and a rationale, in about 150-200 words, explaining/defending the decisions made in our design, the meaning/purpose of the design and the design principles that are found in the design. Brainstorming First off, I went back on my Task 2 to look at the design I analysed in order to get inspiration and gauge how I should approach this task. When rea...
Read more

Design Principles / Task 2

Image
20.02.24 - 05.03.24  / Week 3 - Week 5 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 2 Visual Analysis For Task 2 of Design Principles, we are to assess, investigate, document, and analyze the existing art/design work we selected in Task 1 to further study the design principles found in that work, as well as the size, placement, purpose, effectiveness of the design in relation to the UNSDG goal that we have chosen. The requirements are the following: Write a 300-350 word visual analysis of the selected design. Include reference links where applicable. Firstly, I started by visually observing the image itself and re-reading some of the design principles documented in the lectures to refresh my understanding of them so I could better identify which ones are present in the art work, then noted them down. Fig 1.0 'Guernica' From my observations, these are all the design ...
Read more

Application Design I / Final Project

Image
15.07.24 - 05.08.24 / Week 13 - Week 15 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Application  Design I  (DST60504)  INSTRUCTIONS    LECTURES Week 14 FINAL PROJECT Completed Mobile Application Design Prototype For the final project of Application Design I, we are required to continue from the Lo-Fi prototype we created and turn it into a High-Fi prototype by refining and creating further visual assets for it as well as include a UI kit. Process As I had completed most of the design and functionality in the previous project, all that was left to do was incorporate my user-testing feedback, colour my prototype, and test it myself with the refined user scenarios + full walkthrough. I first started on recolouring my wireframes....
Read more